jQuery height() 方法
定義和用法
height() 方法用於設定或返回選定元素的 CSS 高度。
當此方法用於返回高度時，它將返回第一個匹配元素的 CSS 高度。
當此方法用於設定高度時，它將設定所有匹配元素的 CSS 高度。
如下圖所示，此方法不包含內邊距 (padding)、邊框 (border) 或外邊距 (margin)。
相關方法
- width() - 設定或返回元素的 CSS 寬度
- innerWidth() - 返回元素的 CSS 寬度（包括內邊距）
- innerHeight() - 返回元素的 CSS 高度（包括內邊距）
- outerWidth() - 返回元素的 CSS 寬度（包括內邊距和邊框）
- outerHeight() - 返回元素的 CSS 高度（包括內邊距和邊框）
語法
返回高度
$(selector).height()
設定高度
$(selector).height(value)
使用函式設定高度
$(selector).height(function(index,currentheight))
| 引數 | 描述 |
|---|---|
| value | 設定高度是必需的。指定以 px、em、pt 等為單位的高度。 預設單位是 px |
| function(index,currentheight) | 可選。指定一個返回選定元素的新高度的函式。
|
親手嘗試 - 示例
設定元素的高度
如何使用不同的單位設定元素的高度。
使用函式增加高度
如何使用函式來增加元素的高度。
返回文件和視窗元素的高度
如何返回文件和視窗元素的當前高度。
使用相關方法顯示尺寸
如何使用 width()、height()、innerHeight()、innerWidth()、outerWidth() 和 outerHeight()。
