jquery初始化加载
jQuery 初始化加载的方法
在网页中使用 jQuery 时，确保代码在 DOM 完全加载后执行是常见的需求。以下是几种常用的初始化加载方法：
使用 $(document).ready()
这是最经典的方法，确保代码在 DOM 准备好后执行，但无需等待图片等资源完全加载。
$(document).ready(function() {
// 初始化代码
});简写形式：
$(function() {
// 初始化代码
});使用 $(window).on('load')
如果需要等待所有资源（如图片、样式表）加载完成，可以使用 window.onload 事件。
$(window).on('load', function() {
// 初始化代码
});使用原生 JavaScript 的 DOMContentLoaded
如果项目中仅需支持现代浏览器，可以直接使用原生 JavaScript 的 DOMContentLoaded 事件。
document.addEventListener('DOMContentLoaded', function() {
// 初始化代码
});注意事项
- 避免混合使用
$(document).ready()和$(window).on('load')，除非有明确需求。 - 如果 jQuery 代码在
<head>中引入，确保将其包裹在初始化方法中；如果在</body>前引入，可能不需要初始化包装。 - 对于动态加载的内容（如 AJAX），可能需要额外的事件委托或回调处理。
