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

确定 jQuery 中隐藏元素的高度

处理隐藏元素时，确定其尺寸可能很困难。当需要检索位于隐藏父元素内的元素的高度时，就会出现此问题。一种常见的方法是暂时显示父元素，提取高度，然后再次隐藏它。

但是，这种方法似乎效率低下。有没有更优化的解决方案？

对于 jQuery 用户，可以采用更复杂的方法来检索元素高度，即使在隐藏时也是如此。通过利用 jQuery 的“绝对”定位和“可见性”操作，我们可以暂时使隐藏元素可见以用于测量目的：

<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>

此技术涉及将具有隐藏父级的元素设置为具有绝对位置，这将其从正常文档流中删除，并隐藏可见性，使其对用户不可见。随后，将“display”属性设置为“block”，允许元素占据空间，迎合高度测量。

检索高度后，恢复原始 CSS 样式以保持元素之前的状态。这种方法提供了一种更简洁有效的方法来确定 jQuery 中隐藏元素的高度，避免临时显示更改和不必要的闪烁。

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