$(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()方法。