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

猜你喜欢

转载自cakin24.iteye.com/blog/2367261