jquery获取屏幕的宽度

获取屏幕宽度的方法

使用jQuery获取屏幕宽度可以通过$(window).width()方法实现。该方法返回浏览器视口（viewport）的宽度，不包括滚动条。

var screenWidth = $(window).width();
console.log('屏幕宽度:', screenWidth);

获取文档宽度的方法

如果需要获取整个文档的宽度（包括超出视口的部分），可以使用$(document).width()。

var documentWidth = $(document).width();
console.log('文档宽度:', documentWidth);

响应屏幕宽度变化

为了在屏幕宽度变化时动态获取宽度，可以监听resize事件。

$(window).resize(function() {
    var currentWidth = $(window).width();
    console.log('当前屏幕宽度:', currentWidth);
});

注意事项

• $(window).width()返回的是CSS像素值，与设备像素可能不同（尤其是在高DPI设备上）。
• 该方法不包含滚动条的宽度，如果需要包含滚动条，可以使用原生JavaScript的window.innerWidth。
• 在jQuery 3.0及以上版本中，该方法的行为与CSS盒模型一致。