jQuery 加载事件

jQuery 是一个 JavaScript 库，能够简化 HTML 文档的遍历、事件处理、动画和 Ajax 操作等操作。jQuery 的加载事件指的是在 HTML 文档加载完成后，执行一些操作。

常用的加载事件

ready() 方法

ready() 方法是在 DOM 结构加载完成并且页面所有资源（如图片）已经完全加载完成后触发的事件。可以在 ready() 方法内部编写 JavaScript 代码，用于初始化页面或绑定事件处理函数。

$(document).ready(function(){
  // 在此处编写初始化代码
});

在 jQuery 3.0 版本之后，可以使用简化的写法：

$(function(){
  // 在此处编写初始化代码
});

onload 事件

onload 事件是在整个 HTML 文档及其所有相关资源（如图片、样式表）都已加载完成后触发的事件。可以在 onload 事件中编写需要等待资源加载完成后才能执行的代码。

window.onload = function(){
  // 在此处编写需要在页面加载完成后执行的代码
};

区别与使用场景

1. ready() 方法是在 DOM 结构加载完成后就触发，不必等待页面中的图片等其他资源加载完毕。适合用于在 DOM 结构就绪后即可执行的初始化操作。
2. onload 事件是在整个 HTML 文档及其相关资源都加载完成后触发，适合用于需要等待页面中的所有资源加载完成之后再执行的操作，比如操作图片的宽高等需要等待图片加载完成才能获取的信息。

结论

jQuery 的加载事件是为了在特定的时间点执行代码，以便在页面渲染和交互过程中进行一些必要的操作。ready() 方法用于在 DOM 加载完成后执行代码，而 onload 事件用于在页面所有资源都加载完成后执行代码。根据实际需求选择合适的事件，并在其回调函数中编写相应的操作代码。