在jQuery中，确保页面加载完成后再执行JS代码，通常使用`$(document).ready()`方法。这种方法会等待DOM完全加载和解析完成，但不需要等待样式表、图片和iframe等资源的加载完成。
### jQuery写法
$(document).ready(function() {
// 你的代码逻辑
console.log("页面加载完成，执行JS代码");
});
或者使用更简洁的写法（jQuery 3.0及以上版本推荐）：
$(function() {
// 你的代码逻辑
console.log("页面加载完成，执行JS代码");
});
### 区别说明
1. **与原生JavaScript的对比**：
- 原生JavaScript中，通常使用`DOMContentLoaded`事件来监听DOM加载完成，这与`$(document).ready()`在功能上是相似的。但是，`$(document).ready()`提供了更简洁的语法，并且与jQuery的其他功能无缝集成。
- 另一个原生JavaScript的选项是`window.onload`事件，但它会在所有依赖资源（如图片、样式表等）加载完成后才触发，这可能会导致延迟比`$(document).ready()`更长。
2. **性能考虑**：
- 使用`$(document).ready()`可以确保DOM结构已经加载完成，这样你就可以安全地通过jQuery选择器访问和操作DOM元素了。
- 对于不需要等待样式表、图片等资源加载的场景，`$(document).ready()`提供了更快的执行时机。
3. **代码可读性**：
- `$(document).ready()`的语法更加简洁明了，特别是对于熟悉jQuery的开发者来说，它提供了更好的代码可读性和维护性。
总之，`$(document).ready()`是jQuery中用于确保页面加载完成后再执行JS代码的标准方法，它提供了与原生JavaScript相似的功能，但在语法上更加简洁，并且与jQuery的其他功能无缝集成。