在jQuery中，`$(document).ready()` 方法是一个非常重要的功能，它用于确保在DOM完全加载和解析完成后才执行JavaScript代码。这样可以避免在DOM元素还未加载完成时尝试访问或操作它们而导致的错误。
### 使用小结
1. **确保DOM完全加载**：
`$(document).ready()` 方法确保了在DOM完全加载和解析之后执行代码。这对于执行依赖于DOM元素的操作（如绑定事件监听器、修改元素样式或内容等）至关重要。
2. **语法简洁**：
使用 `$(document).ready()` 非常直接，其语法简洁明了。你可以通过传递一个函数给 `.ready()` 方法来定义当文档就绪时应该执行的代码。
3. **简写形式**：
除了使用 `$(document).ready()` 的完整形式外，jQuery还提供了一个更简短的写法：`$(function() { ... });`。这两种写法在功能上是等价的，但后者更加简洁。
4. **多次调用**：
你可以在同一个页面中多次调用 `$(document).ready()` 或其简写形式，jQuery会确保所有绑定的函数在DOM加载完成后按顺序执行。
5. **与原生JavaScript的对比**：
与原生JavaScript中的 `DOMContentLoaded` 事件类似，`$(document).ready()` 也是用来检测DOM加载完成的。不过，jQuery的方法提供了更好的跨浏览器兼容性和更简洁的语法。
6. **执行时机**：
`$(document).ready()` 在DOM完全加载后执行，但这并不意味着图片、样式表或框架等外部资源也加载完成。如果你需要等待这些资源也加载完毕，可能需要使用其他方法，如jQuery的 `$(window).load()`（但请注意，`$(window).load()` 已在jQuery 3.0中被废弃，推荐使用其他方法如`Promise`来处理资源加载）。
### 示例
$(document).ready(function() {
// 当文档就绪时执行的代码
console.log("DOM已完全加载！");
// 可以安全地访问和操作DOM元素
$('#myElement').text('Hello, jQuery!');
});
// 或使用简写形式
$(function() {
console.log("简写形式，同样在DOM加载后执行");
});
以上就是对jQuery中 `$(document).ready()` 方法使用的小结。