# jQuery CSS 操作 - height() 方法 ## 实例 设置 <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` - 可选。接受选择器的当前值。 | ## 亲自试一试 - 实例 [获得文档和窗口元素的高度](/tiy/t.asp?f=jquery_css_height_doc_win) 使用 height() 方法来获得 document 和 window 元素的当前高度。 [使用 em 和 % 值来设置高度](/tiy/t.asp?f=jquery_css_height_set_unit) 使用指定的长度单位来设置元素的高度。