在jQuery中利用页面加载事件执行函数
在许多Web开发场景中，我们常常需要在页面加载时执行一些特定的JavaScript代码或函数。jQuery为我们提供了方便的方式来实现这一要求。
1. 使用jQuery的ready()方法
jQuery的ready()方法可以确保代码只有在页面完全加载并准备就绪后才执行。它的语法如下：
$(document).ready(function() {
// 在此处编写你的代码
});
你也可以使用更简洁的语法：
$(function() {
// 在此处编写你的代码
});
无论你选择哪种语法，都可以放置于你的JavaScript代码文件中，或者直接写在HTML页面的script标签中。
2. 利用简化的ready()方法
如果你不需要考虑兼容性问题，可以使用简化的ready()方法来执行代码：
$(() => {
// 在此处编写你的代码
});
该方法使用了箭头函数（ES6语法）来定义函数，更简洁易读。
3. 使用window.onload实现相同效果
除了jQuery自带的ready()方法，你还可以使用传统的JavaScript方法window.onload来实现页面加载后执行函数的效果：
window.onload = function() {
// 在此处编写你的代码
};
不过需要注意的是，window.onload会等待页面所有资源都加载完成后再执行函数。而jQuery的ready()方法则会在DOM树准备就绪时即刻执行，这可能会更符合我们的需求。
4. 区分.ready()和window.onload的差异
虽然.ready()和window.onload都可以在页面加载完毕后执行函数，但它们在实现上有一些差异。
.ready()仅针对于DOM树的准备就绪，即在页面HTML结构解析完成后执行，不需要等待其他资源如图像等的加载。这使得.ready()的执行速度通常要比window.onload快。
而window.onload则必须等待包括图像在内的所有页面资源都加载完毕后，才能执行函数。
5. 页面加载后执行多个函数
如果你需要在页面加载后执行多个函数，可以将这些函数放入.ready()方法内或按顺序编写多个.ready()方法：
$(function() {
// 第一个函数
});
$(function() {
// 第二个函数
});
如果你的函数较多，建议将它们封装到单独的函数中，以提高代码可维护性。
总结
使用jQuery的.ready()方法可以方便地在页面加载时执行函数。同时，与传统的window.onload方法相比，.ready()方法更快速地执行，因为它仅关注DOM树的准备就绪。此外，如果需要执行多个函数，可以将它们放入同一个.ready()方法内，或按顺序编写多个.ready()方法。
