📅 最后修改于: 2023-12-03 15:16:47.622000 🧑 作者: Mango
ready() 是 jQuery 中的一个方法，用于在 DOM 加载完成后执行一个函数。ready() 方法可以使 JavaScript 代码在页面完全加载之前执行，这样可以避免一些许多 DOM 未完成构建时页面出现的问题。
$( document ).ready( function() {
// 执行内容
});
<!DOCTYPE html>
<html>
<head>
<title>jQuery | ready() 示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<p>你好世界！</p>
<script>
$( document ).ready(function() {
console.log( "页面加载完毕！" );
});
</script>
</body>
</html>
在上面的示例中，我们创建了一个 HTML 页面，引入了 jQuery 库，并在页面加载完成时使用 ready() 方法输出一条消息。
ready() 方法只能用于 jQuery 对象。ready() 方法只能在文档完成加载后执行一次。ready() 方法不等同于 load() 方法，load() 方法要等到页面所欢迎的所有文件（包括图片）都加载完后才执行。ready() 方法确保所需的代码在 DOM 加载完成后执行。使用 ready() 方法是一种良好的编写习惯，可以避免在 DOM 构建未完成时出现的问题。