jQuery和js的页面加载后触发事件有什么区别

1. jQuery 的 $(document).ready()：这是 jQuery 提供的一个事件，用于在 DOM 加载完毕后执行相应的处理程序。它确保代码在页面元素可操作之前运行。使用这个事件时，可以简化处理 DOM 加载完成后的操作。（若有多个，全部执行）

2. JavaScript 的 window.onload：这是 JavaScript 提供的事件，表示整个页面（包括资源如图片等）都已经加载完成后执行相应的处理程序。它需要等待页面上所有内容（包括外部资源）加载完成后才会触发。因此，在使用 window.onload 时，可能需要等待更长的时间来执行操作。（若有多个，只执行最后一个）

主要区别在于触发时机和处理的内容：

 $(document).ready() 事件在 DOM 加载完成后立即触发，无需等待其他资源完成加载，适合处理 DOM 相关操作。

 window.onload 事件表示整个页面及其资源都已加载完毕后触发，适合处理需要等待所有资源加载完成后的操作。