全面解析jQuery中的$(window)与$(document)的用法区别

在jQuery中，$(window)和$(document)都是常用的选择器，它们可以帮助我们获取窗口和文档对象，但用法上有所不同。以下是它们的详细区别：

$(window)选择器

$(window)表示当前浏览器中的窗口对象。它通常用于处理窗口的滚动事件、调整窗口大小时的事件等。下面是两个示例：

示例1：监听窗口滚动事件

$(window).scroll(function() {
    alert("窗口滚动了");
});

当用户在窗口中滚动时，此方法将会被触发，弹出窗口滚动了。

示例2：监听窗口大小改变事件

$(window).resize(function() {
    alert("窗口大小改变了");
});

当用户改变窗口大小时，此方法将会被触发，弹出窗口大小改变了。

$(document)选择器

$(document)表示当前网页中的文档对象。它通常用于处理文档的加载完成事件、键盘按键事件等。下面是两个示例：

示例3: 监听文档加载完成事件

$(document).ready(function() {
    alert("文档已经准备好了");
});

当文档对象完全加载并解析完成后，此方法将会被触发，弹出文档已经准备好了。

示例4: 监听键盘按键事件

$(document).keypress(function(event) {
  console.log("按下了键，码值为：" + event.which);
});

此方法将会监听在文档对象中按下的任何键盘按键事件，并打印出按下的键码值。

总结

• $(window)选择器用于处理窗口的事件，如滚动、大小调整等。
• $(document)选择器用于处理文档的事件，如加载完成、键盘按键等。

简而言之，$(window)处理的是窗口级别的事件，$(document)处理的则是文档级别的事件。