简述jQuery框架里，在DOM加载完成是运行的代码 ？
参考回答
在jQuery中，确保代码在DOM加载完成后运行通常使用 $(document).ready() 方法。这个方法会在HTML文档加载完成，并且DOM树完全构建后执行其中的代码。
简洁的写法如下：
$(document).ready(function() {
// 代码在DOM加载完成后运行
});
或者简写成：
$(function() {
// 代码在DOM加载完成后运行
});
这两种方式的作用相同，确保代码在DOM结构完全加载并可操作时才会执行。
详细讲解与拓展
1. $(document).ready() 的工作原理：
– $(document).ready() 方法是jQuery中用来确保代码在DOM加载完成后执行的最常用方法。它通过监听文档的 ready 事件，来判断DOM是否加载完成。
– 一旦DOM加载完成（即HTML文档被解析但可能未完全加载其他资源，如图片和样式表），就会触发该回调函数的执行。
示例：
$(document).ready(function() {
console.log("DOM已加载完成！");
});
上面的代码会在DOM加载完成后，输出 “DOM已加载完成！” 到控制台。
2. $(function() {...}) 简写：
– jQuery允许将 $(document).ready() 方法简写为 $(function() {...})，这两种写法等价。它使得代码更简洁，常用于快速开发。
示例：
$(function() {
console.log("DOM加载完毕！");
});
3. 为什么需要 $(document).ready()：
– 在JavaScript中，很多时候我们需要操作DOM元素，如果DOM尚未加载完成（即还没有完全解析HTML元素），就去操作这些元素，可能会出现错误（例如，尝试获取尚不存在的元素）。
– $(document).ready() 确保代码在DOM加载完成后执行，避免了这些问题，确保操作的元素已经出现在DOM中。
4. 与其他加载事件的区别：
– $(document).ready() 仅等待DOM加载完成，不等待其他资源（如图片、CSS文件）加载完毕。如果需要等待所有资源加载完毕，可以使用 $(window).on('load', function() {...})。
示例：
$(window).on('load', function() {
console.log("页面及所有资源（如图片）加载完毕！");
});
总结：
- 在jQuery中，确保DOM加载完成后运行代码的常用方法是
$(document).ready()，它确保代码在DOM完全加载后执行，从而避免在DOM未准备好时操作元素。