Latest web development tutorials

jQuery innerWidth() 方法

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

實例

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

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

嘗試一下»

定義和用法

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

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

jQuery Dimensions


相關方法:

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

語法

$(selector).innerWidth()


實例

更多實例

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


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