最新的Web開發教程
 

jQuery height() Method

<jQuery的HTML / CSS方法

返回一個<div>元素的高度:

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

定義和用法

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

當使用這個方法返回的高度,它返回第一個匹配元素的高度。

當使用這種方法來設置的高度,它集所有匹配元素的高度。

如下圖所示,這種方法不包括填充,邊框,或保證金。

jQuery的尺寸


相關的方法:


句法

返回的高度:

$(selector).height()

設置高度:

$(selector).height(value)

使用函數設置高度:

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

參數 描述
value 需要設置的高度。 指定像素的高度,EM,PT等。
默認單位是像素
function(index,currentheight) 可選的。 指定返回所選元素的新高度功能
  • index -返回集合中的元素的索引位置
  • currentheight -返回所選元素的當前高度

試一試 - 示例

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

使用函數增加高度
如何使用一個功能以增加元件的高度。

返回文檔和窗口元件的高度
如何返回文件和窗口元素的當前高度。

顯示屏的尺寸與相關方法
如何使用width(), height(), innerHeight(), innerWidth(), outerWidth()outerHeight()


<jQuery的HTML / CSS方法