Latest web development tutorials

jQuery outerWidth() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS方法

實例

返回<div> 元素的外部寬度:

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

嘗試一下»

定義和用法

outerWidth()方法返回第一個匹配元素的外部寬度。

如下面的圖像所示,該方法包含padding 和border。

提示:如需包含margin,請使用outerHeight(true)。

jQuery Dimensions


相關方法:


語法

$(selector).outerWidth( includeMargin )

参数 描述
includeMargin 可选。布尔值,规定是否包含 margin。
  • false- 默认。不包含 margin。
  • true- 包含 margin。


實例

更多實例

包含margin
規定是否包含margin。

通過相關方法顯示尺寸
如何使用width()、height()、innerHeight()、innerWidth()、outerWidth() 和outerHeight()。


jQuery HTML/CSS 方法 jQuery HTML/CSS方法