jQuery CSS 操作 - height() 方法

jQuery CSS 操作參考手冊

實例

設置 <p> 元素的高度：

$(".btn1").click(function(){
  $("p").height(50);
});

親自試一試

定義和用法

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

返回高度

返回第一個匹配元素的高度。

如果不為該方法設置參數，則返回以像素計的匹配元素的高度。

語法

$(selector).height()

親自試一試

設置高度

設置所有匹配元素的高度。

語法

$(selector).height(length)
參數 描述
length

可選。規定元素的高度。

如果沒有規定長度單位，則使用默認的 px 單位。

親自試一試

使用函數來設置高度

使用函數來設置所有匹配元素的高度。

語法

$(selector).height(function(index,oldheight))
參數 描述
function(index,oldheight)

規定返回被選元素新高度的函數。

  • index - 可選。接受選擇器的 index 位置
  • oldvalue - 可選。接受選擇器的當前值。

親自試一試

更多實例

獲得文檔和窗口元素的高度
使用 height() 方法來獲得 document 和 window 元素的當前高度。
使用 em 和 % 值來設置高度
使用指定的長度單位來設置元素的高度。

jQuery CSS 操作參考手冊