jQuery on Window Ready - Javascript

当页面完成加载后，jQuery中的$(document).ready()触发事件，而JavaScript中的window.onload事件则在页面的所有元素、资源都加载完毕后触发事件。为了更好地在JavaScript中获取或操作DOM元素，我们通常会在window.onload事件中绑定相关的操作。

然而，window.onload事件可能需要等待很长时间才会触发，特别是在页面包含大量资源（如图像和视频）的情况下。为了更快地响应页面的交互操作并加快加载速度，我们可以使用jQuery库中的另一种方法来绑定事件，即$(window).on('load', function(){...})。

下面是一个简单的示例，展示如何使用jQuery的on()方法来绑定window的load事件：

$(window).on('load', function(){
    // 在这里编写代码，当页面所有资源都加载完毕后执行
    console.log("页面已经加载完毕！");
});

在上面的代码中，我们使用了$(window)选择器来选择窗口对象，然后使用.on()方法来绑定load事件。在回调函数中，我们可以编写我们需要执行的操作，以响应load事件的触发。

使用$(window).on('load', function(){...})方法有如下优点：

• 可以更快地响应页面的加载（相对于window.onload）
• 可以更方便地操作和获取DOM元素

总之，如果我们需要在窗口加载完成后执行JavaScript代码，那么使用$(window).on('load', function(){...})是一个不错的选择。

参考文献：

• jQuery官方文档
• window.onload vs $(window).load()