我要在普通的javascript中可能会做如下的开发:

window.onload = function(){ ... };

访问HTML文档的元素,必须先载入文档对象模型(DOM)。当window.onload函数执行的时候,说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。

对于此,jquery提供了一个"ready"事件,你可以使用以下的代码片段:

demo0:

程序代码

$(document).ready(function(){

// 你的代码

});

$(document)意思是说,获取整个网页文档对象(类似的于window.document),$(document).ready意思就是说,获取文档对象就绪的时候。

上面这段代码的意思是检查文档对象直到它能够允许被操作(译者注:这样做比window.onload()函数要快的多,因为只要文档对象载入完成就能够执行代码了,而不需要等待页面中的图片下载是否已经完成)---这是我们想要的。

另外我们还可以使用如下的写法来代替$(document).ready。

$(function(){

    //代码here

03-15 03:31