在 JavaScript 的课程里，我们介绍了 window 对象的 load 事件 … 网页上所有的资源都准备好以后会触发这个事件 …. 使用它的 onload 事件处理程序，我们可以在这个 load 事件发生以后，再去执行一些 JavaScript 代码 … 这样能保证执行的代码可以正常的工作 ..

不过 load 事件只有在所有的资源都准备好的时候才会发生 .. 包括页面上所有的图片 … jQuery 提供了一个更方便的方法 … 使用 ready 事件 … 这个事件在页面结构准备好以后就会被触发 … 不需要去等待所有的图片完全都显示 …

如果在 ready 事件指定的函数运行的时候，需要用到样式表 … 我们可以把样式表放在代码的上面去载入...

打开这个网页链接的脚本文件 .. script.js ... 然后… 输入

$(document).ready()

document 表示文档这个对象 … 就是代表网页本身的那个对象 … 加上一个点 … 调用 ready() 这个方法 …

这里这个 $ 符号就是 jQuery 函数 …

在这个 ready 方法里面，可以去指定一个在文档准备好以后才会运行的函数 … 这样可以保证在函数里的代码可以安全的执行 .. 因为如果说文档还没准备好，就去执行代码 … 这样很可能会失败 ..

$(document).ready(function () {
console.log( '准备好了！' );
});

另一种写法

另外还有一种更简单的方法，可以实现在文档载入以后立即执行 … 可以在 jQuery 函数里面使用一个匿名函数 … 这个匿名函数在页面载入以后会立即去执行 ，像这样 … $(function() { console.log( '准备好了' ); });

这两段代码的效果是一样的。