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

在 jQuery 中检索隐藏元素高度的替代方法

当需要检索隐藏元素的高度时隐藏的父 div，您可能认为有必要暂时显示父 div 以收集高度，然后再隐藏它。然而，这种方法似乎有些多余。有没有更有效的解决方案？

在 jQuery 1.4.2 版本中，您可以利用一种临时调整隐藏父元素 CSS 样式的技术：

var previousCss = $("#myDiv").attr("style");

// Temporarily adjust CSS styles to enable height measurement
$("#myDiv").css({
    position: 'absolute', // Optional if #myDiv is already absolute
    visibility: 'hidden',
    display: 'block'
});

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

// Restore original CSS styles
$("#myDiv").attr("style", previousCss ? previousCss : "");

此方法允许您无需实际显示其父级 div 即可获取隐藏元素的高度。它通过策略性地设置可见性和显示等属性来暂时使元素对测量可见，然后恢复其原始 CSS 样式来实现这一点。这消除了显示和隐藏父 div 的中间步骤的需要。

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