jquery 获取某个div 高度
时间: 2024-09-15 08:09:54 浏览: 55
jQuery 是一个快速、小巧、功能丰富的 JavaScript 库,它使得 HTML 文档遍历和操作、事件处理、动画和Ajax变得非常简单。使用 jQuery 获取某个 div 元素的高度可以通过以下几种方式:
1. `.height()` 方法:
`.height()` 方法可以获取匹配元素集合中第一个元素的当前计算高度值。如果带有参数,则设置所有匹配元素的高度。
获取高度的代码示例:
```javascript
var height = $('div').height();
```
设置高度的代码示例:
```javascript
$('div').height(200); // 设置 div 高度为 200 像素
```
2. `.outerHeight()` 方法:
如果需要包括边框和内边距在内的元素高度,可以使用 `.outerHeight()` 方法。如果不带参数,它返回元素的外部高度;如果带参数 true,则包括 margin。
获取包括边框和内边距的高度的代码示例:
```javascript
var outerHeight = $('div').outerHeight();
```
获取包括边框、内边距和外边距的高度的代码示例:
```javascript
var outerHeightWithMargin = $('div').outerHeight(true);
```
3. `.css('height')` 方法:
通过原生的 CSS 属性来获取高度,`.css()` 方法可以用来获取和设置元素的样式属性。
获取高度的代码示例:
```javascript
var height = $('div').css('height');
```
注意:使用 `.css('height')` 获取的高度值通常是一个字符串,可能包含单位(如 "px"),如果需要将这个值用作计算,则需要将它转换为数字类型。
阅读全文