jquery页面加载
jQuery 页面加载事件
在 jQuery 中，页面加载事件通常通过 $(document).ready() 或简写的 $() 来实现。这些方法确保代码在 DOM 完全加载后执行，而不需要等待图片或其他资源加载完成。
$(document).ready(function() {
// 页面 DOM 加载完成后执行的代码
});
// 简写形式
$(function() {
// 页面 DOM 加载完成后执行的代码
});与 window.onload 的区别
window.onload 是原生 JavaScript 的事件，会等待页面所有资源（如图片、样式表等）加载完成后才触发。而 jQuery 的 $(document).ready() 仅需 DOM 结构加载完成即可执行，速度更快。
window.onload = function() {
// 页面所有资源加载完成后执行的代码
};动态内容加载事件
如果需要监听动态加载的内容（如通过 AJAX 加载的数据），可以使用 $(document).on() 方法绑定事件。
$(document).on('click', '.dynamic-element', function() {
// 动态加载的元素事件处理
});多脚本加载顺序
如果页面有多个脚本依赖 jQuery，确保 jQuery 库在其他脚本之前加载。可以将脚本放在 <head> 中或页面底部。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="your-script.js"></script>异步加载 jQuery
如果需要异步加载 jQuery，可以使用 $.getScript() 方法，但需注意脚本依赖顺序。
$.getScript('https://code.jquery.com/jquery-3.6.0.min.js', function() {
// jQuery 加载完成后执行的代码
});最佳实践
将 jQuery 代码放在 $(document).ready() 中，避免与其他脚本冲突。尽量减少全局变量的使用，保持代码模块化。
$(function() {
var localVar = '局部变量';
console.log(localVar);
});
