jquery $(document).ready() 方法的作用

javascript处理HTML样式,通常,JavaScript代码在浏览器初次遇到它们时就会执行,而在浏览器处理头部时,HTML还不会呈现样式。因此,我们需要将代码延迟到DOM可用时再执行(可以将js代码直接写在html文件的末尾)。

通过使用 $(document).ready() 方法, jQuery支持我们预定在DOM加载完毕后调用某个函数,而不必等待页面中的图像加载。尽管不使用jQuery,也可以做到这种预定,但 $(document).ready() 为我们提供了很好的跨浏览器解决方案,涉及如下功能:

1.尽可能使用浏览器原生的DOM就绪实现,并以 window.onload 事件处理程序作为后备;

2.可以多次调用 $(document).ready() 并按照调用它们的顺序执行;

3.即便是在浏览器事件发生之后把函数传给 $(document).ready() ,这些函数也会执行

4.异步处理事件的预定,必要时脚本可以延迟执行

5.通过重复检查一个几乎与DOM同时可用的方法,在较早版本的浏览器中模拟DOM就绪事件