Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。

$(document).ready() window.onload
执行时间 DOM结构绘制完毕后就执行,不必等到加载完毕 必须等到页面内包括图片的所有元素加载完毕后才能执行
编写个数不同 可以同时编写多个,并且都可以得到执行 不能同时编写多个,如果有多个window.onload方法,只会执行一个
简化写法 可以简写成$(function(){}) 没有简化写法

注意

由于在 $(document).ready() 方法内注册的事件,只要 DOM就绪就会被执行,因此可能此时元素的关联文件未下载完。

要解决这个问题,可以使用 Jquery 中另一个关于页面加载的方法 load() 方法。

分类: 前端

发表评论

电子邮件地址不会被公开。 必填项已用*标注