jQuery offsetHeight - Javascript

介绍

offsetHeight 是一个 jQuery 对象上的属性，用于获取元素的布局高度（即元素的高度加上padding与border的高度），该属性对应于原生 JavaScript 中的 offsetHeight 属性。

语法

$(selector).offsetHeight();

在上述语法中，selector 是您要选择的元素的 jQuery 选择器。

返回值

该方法将返回 jQuery 对象的 offsetHeight 值。

使用示例

HTML

<div class="box">
  <h3>jQuery offsetHeight</h3>
  <p>这是一个示例段落</p>
</div>

CSS

.box {
  padding: 10px;
  border: 1px solid black;
  height: 100px;
}

jQuery

var offsetHeight = $('.box').offsetHeight();
console.log(offsetHeight); // 输出 112（100 + 2 * 10 + 2 * 1）

以上示例展示了如何使用 offsetHeight 获取 .box 元素的高度，这个高度是包括了 padding与border的。在控制台中输出的偏移高度为112，因为实际的高度是100像素，两侧相当于各自添加了 padding: 10px 和 border: 1px solid black，因此实际的偏移高度为112像素。

总结

offsetHeight 是一个非常方便的方法，可以用于获取您要使用的元素的实际高度。 它还可以通过计算 padding 和 border 的高度来确保您得到的值是完全准确的。