最新的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方法