jquery获取div宽度

jQuery 获取 div 宽度的方法

使用 jQuery 获取 div 元素的宽度可以通过以下几种方式实现：

1. 使用 .width() 方法

var width = $('div').width();

此方法返回元素的纯宽度（不包含内边距、边框和外边距）。

2. 使用 .outerWidth() 方法

var widthWithPadding = $('div').outerWidth(); // 包含内边距
var widthWithPaddingAndBorder = $('div').outerWidth(true); // 包含内边距和边框

3. 使用 CSS 的 width 属性

var cssWidth = $('div').css('width');

此方法返回带单位（如 px）的字符串值。

注意事项

• 确保在 DOM 加载完成后执行代码，可以将代码放在 $(document).ready() 中。
• 如果要获取多个 div 中第一个的宽度，使用 $('div:first') 或 $('div').first()。
• 对于隐藏元素，jQuery 可能无法正确获取宽度值。

示例代码

$(document).ready(function() {
    var divWidth = $('#myDiv').width();
    console.log('Div width: ' + divWidth + 'px');
});