综合起来,$()和.addClass()对我们修改的文本的外观已经够用了。但是,如果将这行代码单独插入文档的头部,不会有任何效果。通常,JavaScript代码在浏览器初次遇到它们时就会执行,而在浏览器处理头部时,HTML还不会呈现样式。因此,我们需要将代码延迟到DOM可用时再执行。
通过使用$(document).ready()方法,jQuery支持我们预定在DOM加载完毕后调用某个函数,而不必等待页面中的图像加载。尽管不使用jQuery,也可以做到这种预定,但$(document).ready()为我们提供了很好的跨浏览器解决方案,涉及如下功能:
1.尽可能使用浏览器原生的DOM就绪实现,并以windows.onload事件处理程序作为后备;
2.可以多次调用$(document).ready()并按照调用它们的顺序执行;
3.即便是在浏览器事件发生之后把函数传给$(document).ready(),这些函数也会执行;
4.异步处理事件的预定,必须时脚本可以延迟执行;
5.通过重复检查一个几乎与DOM同时可用的方法,在较早版本的浏览器中模拟DOM就绪事件。