jQuery height() 方法设置或返回被选元素的高度

当该方法用于 返回 高度时，则返回第一个匹配元素的高度

当该方法用于 设置 高度时，则设置所有匹配元素的高度

正如下图像所示，该方法不包含 padding、border 或 margin

语法

返回高度

$( selector ).height()

设置高度

$( selector ).height( value )

使用函数设置高度

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

参数

相关方法

1. width()

   设置或返回元素的宽度

2. innerWidth()

   返回元素的宽度（包含 padding）

3. innerHeight()

   返回元素的高度（包含 padding）

4. outerWidth()

   返回元素的宽度（包含 padding 和 border）

5. outerHeight()

   返回元素的高度（包含 padding 和 border）

范例

下面的范例返回 <div> 元素的高度

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

运行范例 »

更多范例

1. 设置元素的高度

   如何使用不同的单位设置元素的高度

2. 使用函数增加高度

   如何使用函数增加元素的高度

3. 返回文档和 window 元素的高度

   如何返回文档和 window 元素的当前高度。

4. 通过相关方法显示尺寸

   如何使用 width()、height()、innerHeight()、innerWidth()、outerWidth() 和 outerHeight()