jQuery outerWidth() 方法

2018-11-21 13:42 更新

jQuery outerWidth() 方法

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

實(shí)例

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

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

嘗試一下 ?

定義和用法

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

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

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

jQuery Dimensions


相關(guān)方法:

  • width() - 設(shè)置或返回元素的寬度
  • height() - 設(shè)置或返回元素的高度
  • innerWidth() - 返回元素的寬度(包含 padding)
  • innerHeight() - 返回元素的高度(包含 padding)
  • outerHeight() - 返回元素的寬度(包含 padding 和 border)

語法

$(selector).outerWidth(includeMargin)

參數(shù) 描述
includeMargin 可選。布爾值,規(guī)定是否包含 margin。
  • false - 默認(rèn)。不包含 margin。
  • true - 包含 margin。


實(shí)例

更多實(shí)例

包含 margin
規(guī)定是否包含 margin。

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


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

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)