# jQuery文档就绪事件怎么写
在jQuery开发中，**文档就绪事件（Document Ready）**是确保DOM完全加载后再执行JavaScript代码的关键机制。本文将介绍三种常用写法及其应用场景。
## 1. 标准写法：$(document).ready()
```javascript
$(document).ready(function() {
// DOM加载完成后执行的代码
console.log("文档已就绪！");
});
特点： - 最经典的写法 - 明确表达意图 - 支持在同一个页面多次使用（按声明顺序执行）
$(function() {
// 简写形式的就绪事件
$("button").click(function() {
alert("按钮被点击！");
});
});
优势： - 代码更简洁 - 功能与标准写法完全一致 - 推荐在简单项目中使用
$(() => {
// 使用箭头函数
$("#menu").hide();
});
适用场景： - 现代JavaScript项目 - 需要保持this指向时 - 需要与其他ES6+特性配合使用时
与window.onload的区别：
多次声明问题：
$(function() { console.log("第一个ready") });
$(function() { console.log("第二个ready") });
// 会按顺序输出
jQuery 3.x变更：
$(function(){})简写Promise或async/await使用提示：在jQuery 3.0+中，
$(document).ready()的回调函数变为异步执行，与原生DOMContentLoaded事件行为保持一致。 “`
（全文约450字，涵盖主要写法和实践建议）
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
