jQuery获得document和window对象宽度和高度的方法

想要使用jQuery获得document或window对象的宽度和高度，需要使用以下方法：

• $(window).width()：获取视口宽度
• $(window).height()：获取视口高度
• $(document).width()：获取文档宽度
• $(document).height()：获取文档高度

注：文档高度要注意如果文档内容没有超过视口高度，它的返回值将等同于视口高度，因为这时候文档高度被视为视口高度。

下面是两条示例说明：

示例1：获取文档宽度和高度

$(document).ready(function() {
  let documentWidth = $(document).width();
  let documentHeight = $(document).height();

  console.log("文档宽度：" + documentWidth);
  console.log("文档高度：" + documentHeight);
});

上述代码在页面加载完成之后，使用jQuery获取文档宽度和高度，并输出到控制台。

示例2：获取窗口可视区域宽度和高度

$(window).resize(function() {
  let windowWidth = $(window).width();
  let windowHeight = $(window).height();

  console.log("窗口宽度：" + windowWidth);
  console.log("窗口高度：" + windowHeight);
});

上述代码监测窗口的大小改变事件，当窗口大小改变时，使用jQuery获取窗口可视区域宽度和高度，并输出到控制台。

综上所述，以上两条示例说明了如何使用jQuery获取document和window对象宽度和高度，通过修改获取对象的不同方式，以及在不同方法中调用，可以灵活地应用到实际的开发需求中。