如何在 jQuery 中获取隐藏元素的高度？

在 jQuery 中获取隐藏元素的高度

使用隐藏元素时，获取其尺寸可能很困难。许多开发人员采取暂时暴露元素，测量其高度，然后再次隐藏的方法。然而，有一个更有效的方法。

jQuery 为这个任务提供了一个方便的解决方案。以下是如何获取隐藏父 div 中隐藏元素的高度：

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

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

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

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

此方法涉及将元素的位置设置为“绝对”（如果已经是绝对，则可选），使其不可见，并且暂时取消隐藏它。然后，您可以测量其高度并恢复其以前的样式属性。此方法允许您使用隐藏元素，而不会破坏页面布局或导致不必要的闪烁。

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