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
