jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,
区别如下:
1,执行的时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2,执行个数
$(document).ready()在单个页面中可以执行多个。
onload 在一个页面中只能执行一个。
二者写法上有变异:
$(window).load(function (){
// 编写代码
});
等价于
Window.onload = function (){
// 编写代码
}
$(document).ready(fucntion(){
alert("第一种";
});
$(function(){
alert("第二种");
});
$(jQuery.function($){
alert("第三种");
});
注:
由于jquery使用$符号,这样和有些组件 ,例如dwr就有冲突,为了解决这个问题,可以使用
var j = jQuery.noConflict();