jquery获取宽度

获取元素宽度的方法

使用jQuery获取元素的宽度有多种方式，具体取决于需要获取的是内容宽度、包含内边距的宽度还是包含边框的宽度。

获取内容宽度（不包含padding和border） 使用width()方法可以获取元素的内容宽度：

var contentWidth = $('#element').width();

获取包含内边距的宽度 使用innerWidth()方法获取包含padding但不包含border的宽度：

var widthWithPadding = $('#element').innerWidth();

获取包含边框的宽度 使用outerWidth()方法获取包含padding和border的宽度：

var fullWidth = $('#element').outerWidth();

获取包含外边距的宽度 通过传递参数true给outerWidth()方法，可以获取包含margin的宽度：

var widthWithMargin = $('#element').outerWidth(true);

获取窗口宽度

要获取浏览器窗口的宽度，可以使用：

var windowWidth = $(window).width();

注意事项

• 这些方法返回的是数值类型（像素值），不带单位
• 对于隐藏元素，这些方法可能返回0
• 在CSS box-sizing属性为border-box时，width()返回的值会包含padding和border