jQuery动态获取某个盒子高度
时间: 2024-11-07 12:28:59 浏览: 13
jQuery如何获取动态添加的元素
在jQuery中,动态获取某个盒子的高度也非常简单。假设你想获取id为"myBox"的元素的高度,你可以使用`$("#myBox").height()`这个方法。这个方法返回元素的高度,单位默认为像素。
示例代码如下:
```javascript
var boxHeight = $("#myBox").height();
```
这里的`boxHeight`现在包含了指定ID元素的高度值。
如果你想要的是相对动态的高度,比如相对视口或者某个其他元素的高度,可以使用`.position()`和`.innerHeight()`结合来计算:
```javascript
var parentHeight = $("#parentElement").height(); // 获取父元素高度
var boxRelativeHeight = $("#myBox").position().top + $("#myBox").innerHeight();
```
在这里,`position().top`用于获取元素相对于文档顶部的距离,加上`innerHeight()`得到的元素自身的高度,就得到了相对高度。
阅读全文