jQuery width() 方法设置或返回被选元素的宽度

当该方法用于 返回 宽度时，则返回第一个匹配元素的宽度

当该方法用于 设置 宽度时，则设置所有匹配元素的宽度

正如下图所示，该方法不包含 padding、border 或 margin

语法

返回宽度

$( selector ).width()

设置宽度

$( selector ).width( value )

使用函数设置宽度

$( selector ).width(function (index,currentwidth) )

参数

相关方法

1. height()

   设置或返回元素的高度

2. innerWidth()

   返回元素的宽度（包含 padding）

3. innerHeight()

   返回元素的高度（包含 padding）

4. outerWidth()

   返回元素的宽度（包含 padding 和 border）

5. outerHeight()

   返回元素的高度（包含 padding 和 border）

范例

下面的范例返回 <div> 元素的宽度

$("button").click(function(){
    alert($("div").width());
});

运行范例 »

更多范例

1. 设置元素的宽度

   如何使用不同的单位设置元素的宽度

2. 使用函数增加宽度

   如何使用函数增加元素的宽度

3. 返回文档和 window 元素的宽度

   如何返回文档和 window 元素的当前宽度

4. 通过相关方法显示尺寸

   如何使用 width()、height()、innerHeight()、innerWidth()、outerWidth() 和 outerHeight()