document.ready 速记

简介

document.ready 是 jQuery 提供的一个用于文档加载完毕后执行 JavaScript 代码的方法，它的作用类似于 JavaScript 原生的 window.onload 方法，但 document.ready 方法的速度更快，因为它不需要等待图片等其他资源的加载完成。

使用方式

使用 document.ready 很简单，只需要在 JavaScript 文件中使用以下代码即可：

$(document).ready(function() {
  // 在此处书写代码
});

或者使用更短的形式：

$(function() {
  // 在此处书写代码
});

其中，$() 是 jQuery 构造函数的一种别名，用于获取文档中的元素，$(document) 表示获取整个文档对象。

作用

document.ready 主要用于在文档加载完成后执行 JavaScript 代码，例如：

• 在文档加载完成后初始化一些 UI 控件；
• 在文档加载完成后绑定事件监听器；
• 在文档加载完成后调用一些第三方 JavaScript 库。

注意事项

• 在使用 document.ready 时，要保证 jQuery 已经被成功加载，否则代码将无法执行；
• document.ready 是在 DOM 树构建完成后执行的，它不等待图片等其他资源的加载完成，因此如果需要等待这些资源也加载完成后再执行代码，应该使用 window.onload 方法；
• 为了避免多个 document.ready 嵌套导致代码的可读性降低，可以使用 jQuery 提供的 $(document).one('ready',func) 方法，让多个函数在文档加载完成后按顺序依次执行。

总结

document.ready 是 jQuery 提供的一个用于文档加载完毕后执行 JavaScript 代码的方法，它的速度更快，因为它不需要等待图片等其他资源的加载完成。在使用 document.ready 时，要注意加载程序要在文档后加载，要避免多个 document.ready 嵌套。