jQuery height() 方法

2018-11-21 13:44 更新

jQuery height() 方法

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

實例

返回 <div> 元素的高度:

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

嘗試一下 ?

定義和用法

height() 方法設置或返回被選元素的高度。

當該方法用于返回高度時, 則返回第一個匹配元素的高度。

當該方法用于設置高度時,則設置所有匹配元素的高度。

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

jQuery Dimensions


相關方法:

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

語法

返回高度:

$(selector).height()

設置高度:

$(selector).height(value)

使用函數(shù)設置高度:

$(selector).height(function(index,currentheight))

參數(shù) 描述
value 當設置高度時是必需的。規(guī)定元素的高度,單位為 px、em、pt 等。
默認單位是 px。
function(index,currentheight) 可選。規(guī)定返回被選元素新高度的函數(shù)。
  • index - 返回集合中元素的 index 位置。
  • currentheight - 返回被選元素的當前高度。


實例

更多實例

設置元素的高度
如何使用不同的單位設置元素的高度。

使用函數(shù)增加高度
如何使用函數(shù)增加元素的高度。

返回文檔和 window 元素的高度
如何返回文檔和 window 元素的當前高度。

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


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

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號