jQuery outerWidth() 方法返回第一个匹配元素的外部宽度

正如下图所示，该方法包含 padding 和 border

如果想要包含 margin，请使用 outerHeight(true)

语法

$( selector ).outerWidth( includeMargin )

参数

相关方法

1. width()

   设置或返回元素的宽度

2. height()

   设置或返回元素的高度

3. innerWidth()

   返回元素的宽度 ( 包含 padding )

4. innerHeight()

   返回元素的高度 ( 包含 padding )

5. outerHeight()

   返回元素的宽度 ( 包含 padding 和 border )

范例

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

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

运行范例 »

更多范例

1. 包含 margin

   规定是否包含 margin

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

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