jquery加载页⾯的⽅法（页⾯加载完成就执⾏）
1、$(function(){
  $("#a").click(function(){jquery ajax例子
    //adding your code here
  });
});
2、$(document).ready(function(){
  $("#a").click(function(){
    //adding your code here 
  });
});
3、load = function(){
  $("#a").click(function(){
    //adding your code here
  });
}
html代码为<input type="button" id="a">点击</input>，且页⾯需要引⽤jquery的js⽂件
⼀般的加载页⾯时调⽤js⽅法如下：
$("table tr:nth-child(even)").addClass("even"); //这个是jquery代码
};
这段代码会在整个页⾯的document全部加载完成以后执⾏。不幸的这种⽅式不仅要求页⾯的DOM tre
e全部加载完成，⽽且要求所有的外部图⽚和资源全部加载完成。更不幸的是，如果外部资源，例如图⽚需要很长时间来加载，那么这个js效果就会让⽤户感觉失效了。
但是⽤jquery的⽅法：
$(document).ready(function() {
// 任何需要执⾏的js特效
$("table tr:nth-child(even)").addClass("even");
});
就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放⼊DOM tree之前就执⾏js效果。包括在加载外部图⽚和资源之前。
还有⼀种简写的⽅式：
$(function() {
// 任何需要执⾏的js特效
$("table tr:nth-child(even)").addClass("even");
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。