首頁  >  文章  >  web前端  >  如何在 jQuery 中取得隱藏元素的高度?

如何在 jQuery 中取得隱藏元素的高度?

Patricia Arquette
Patricia Arquette原創
2024-11-03 21:15:29382瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn