文档加载完成 jQuery - JavaScript

在编写前端页面时，我们经常需要对页面中的 HTML 元素进行操作和动态更新。而 jQuery 是一款非常流行的 JavaScript 库，提供了非常丰富的 API，可以轻松地对 DOM 元素进行操作。

在使用 jQuery 进行开发时，我们经常需要在文档加载完成后再进行操作，以确保页面元素已经全部加载完毕。下面介绍两种文档加载完成的方法。

方法一：ready()

在 jQuery 中，我们可以通过 ready() 方法来判断文档是否已经加载完成。该方法可以在任何地方调用，其回调函数将在 DOM 加载完毕后执行。

$(document).ready(function(){
    // 在文档加载完成后执行的代码
});

另外，由于 $(document).ready() 有些口语化，因此官方也提供了一个更短的写法 $(function(){})，它与 $(document).ready(function(){}) 的效果是相同的。

$(function(){
    // 在文档加载完成后执行的代码
});

方法二：load()

还有一种方式可以判断文档是否已经加载完成，那就是使用 jQuery 的 load() 方法。该方法只有在页面的所有内容，包括图像和所有框架加载完成后才会被触发。

$(window).load(function(){
    // 等待所有元素（包括图像）加载完毕后执行的代码
});

需要注意的是，load() 方法只响应 window 对象的 load 事件，因此如果仅仅是想要判断 DOM 是否加载完成，则需要使用 ready() 方法。

总结

在使用 jQuery 进行开发时，我们需要保证对 DOM 元素的操作在文档加载完成后进行，以避免一些不可预期的错误出现。上述两种方法均可以完成该任务，具体使用何种方法可以根据具体需求来决定。

本文参考自 jQuery API 文档。