首页 > web前端 > js教程 > 正文

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

Patricia Arquette
发布: 2024-11-03 21:15:29
原创
401 人浏览过

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板