首页  >  文章  >  web前端  >  如何在 jQuery 中获取隐藏元素的高度?

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

Patricia Arquette
Patricia Arquette原创
2024-11-02 15:13:02839浏览

How to Get the Height of Hidden Elements in 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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn