jQuery页面加载响应事件

$(document).ready()方法是事件模块中最重要的一个函数，它极大地提高了Web响应速度。

$(document)是获取整个文档对象，从这个方法名称来理解，就是获取文档就绪的时候。

方法的书写格式为： 

$(document).ready(

function() 

{

            //在这里写代码

});

可以简写成： 

$().ready(

function() 

{

           //在这里写代码

}); 

当$()不带参数时，默认的参数就是document，所以$()是$(document)的简写形式。

还可以进一步简写成：

$(

function() 

{

           //在这里写代码

}); 

虽然语法可以更短一些，但是不提倡使用简写的方式，因为较长的代码更具可读性，也可以防止与其他方法混淆。

通过上面的介绍我们可以看出，在jQuery中，可以使用$(document).ready()方法代替传统的window.onload()方法，不过两者之间还是有些细微的区别的，主要表示在以下两方面。

1、在一个页面上可以无限制地使用$(document).ready()方法，各个方法间并不冲突，会按照在代码中的顺序依次执行。而一个页面中只能使用一个window.onload()方法。

2、在一个文档完全下载到浏览器时（包括所有关联的文件，例如图片、横幅等）就会响应window.onload()方法。而$(document).ready()方法是在所有的DOM元素完全就绪以后就可以调用，不包括关联的文件。例如在页面上还有图片没有加载完毕但是DOM元素已经完全就绪，这样就会执行$(document).ready()方法，在相同条件下window.onload()方法是不会执行的，它会继续等待图片加载，直到图片及其他的关联文件都下载完毕时才执行。所以说$(document).ready()方法优于window.onload()方法。