窗口宽度 jQuery - JavaScript

在Web开发中，我们经常需要根据用户的设备窗口宽度来进行不同的操作，如响应式设计等。在jQuery和JavaScript中，我们可以使用以下方法获取窗口宽度。

jQuery

$(window).width()

使用$(window).width()方法可以获取窗口的宽度值，单位为像素。

let windowWidth = $(window).width();
console.log("窗口宽度为：" + windowWidth + "px");

$(document).width()

使用$(document).width()方法可以获取文档的宽度值，单位为像素。注意，这里的文档宽度指的是HTML文档的宽度，并非浏览器窗口的宽度。

let documentWidth = $(document).width();
console.log("文档宽度为：" + documentWidth + "px");

JavaScript

window.innerWidth

使用window.innerWidth属性可以获取窗口的宽度值，单位为像素。注意，该属性包含浏览器边框，即视口宽度。

let windowWidth = window.innerWidth;
console.log("窗口宽度为：" + windowWidth + "px");

document.documentElement.clientWidth

使用document.documentElement.clientWidth属性可以获取文档可见区域的宽度值，单位为像素。注意，该属性不包括滚动条宽度和边框宽度。

let clientWidth = document.documentElement.clientWidth;
console.log("文档可见区域宽度为：" + clientWidth + "px");

总结

以上是jQuery和JavaScript获取窗口宽度的方法，需要根据实际情况选择合适的方法使用。对于响应式设计，建议使用$(window).width()方法获取窗口宽度。