jQuery height() 方法
定义和用法
height() 方法设置或返回所选元素的高度。
当此方法用于返回高度时，它将返回第一个匹配元素的高度。
当此方法用于设置高度时，它将设置所有匹配元素的高度。
如下图所示，此方法不包括内边距、边框或外边距。
相关方法
- width() - 设置或返回元素的宽度
- innerWidth() - 返回元素的宽度（包括内边距）
- innerHeight() - 返回元素的高度（包括内边距）
- outerWidth() - 返回元素的宽度（包括内边距和边框）
- outerHeight() - 返回元素的高度（包括内边距和边框）
语法
返回高度
$(选择器).height()
设置高度
$(选择器).height(值)
使用函数设置高度
$(选择器).height(function(索引,当前高度))
| 参数 | 描述 |
|---|---|
| 值 | 设置高度时必需。以 px、em、pt 等指定高度。 默认单位为 px |
| function(索引,当前高度) | 可选。指定一个函数，该函数返回所选元素的新高度
|
亲自试一试 - 示例
设置元素的高度
如何使用不同的单位设置元素的高度。
使用函数增加高度
如何使用函数增加元素的高度。
返回文档和窗口元素的高度
如何返回文档和窗口元素的当前高度。
使用相关方法显示尺寸
如何使用 width()、height()、innerHeight()、innerWidth()、outerWidth() 和 outerHeight()。
