如何使用 jQuery 获取隐藏元素的高度？

使用 jQuery 检索隐藏元素的高度

使用隐藏元素时，可能需要出于各种目的检索其尺寸。然而，如果元素不可见，获取元素高度的传统方法可能会失败。

低效方法

所描述的暂时取消隐藏元素的方法，测量

替代解决方案

jQuery 提供了更高效的解决方案：

1. 修改元素属性： 临时操作元素的样式属性：

   • 将位置设置为绝对（如果元素已经绝对定位，则可选）
   • 将visibility设置为hidden（使元素不可见）
   • 将display设置为block（使元素可见，但不在主文档流中）
2. Measure高度： 使用 jQuery 的 .height() 方法检索元素的高度。
3. 恢复属性： 使用 attr() 方法将元素的样式属性重置为其原始值或通过直接设置 style 属性。

代码示例

<code class="javascript">var previousCss = $("#myDiv").attr("style");

$("#myDiv").css({
    position: 'absolute',
    visibility: 'hidden',
    display: 'block'
});

var optionHeight = $("#myDiv").height();

$("#myDiv").attr("style", previousCss ? previousCss : "");</code>

此方法允许您在不影响布局的情况下谨慎测量隐藏元素的高度或页面的可见性。

以上是如何使用 jQuery 获取隐藏元素的高度？的详细内容。更多信息请关注PHP中文网其他相关文章！