04-等待DOM加载

选择背景色：黄橙洋红淡粉水蓝草绿白色选择字体：宋体黑体微软雅黑楷体选择字体大小：小中大特恢复默认

浏览器读取、解析，以及渲染HTML文件的方式很复杂，一些粗心的web开发人员试图在浏览器加载完DOM之前用代码访问DOM元素，但结果通常会让他们措手不及。

通过jQuery，可以将代码放在一个回调函数中，而只有在页面加载和DOM构建都完成的时候，才会调用这个回调函数：

$(document).ready(function() {
    // 这段代码在所有HTML加载完毕以及DOM构建完成后才执行
});

即使多次使用这个方法也不会有安全隐患，可以将jQuery代码放在不同的地方，它仍然会安全地等待DOM加载完毕后执行。它还有一个等效的快捷方式：

$(function() {
    // 这段代码在所有HTML加载完毕以及DOM构建完成后才执行
});

在使用jQuery的时候，普遍做法是把所有代码放入这样的块中。