首頁 >web前端 >css教學 >如何使用 jQuery 高效能取得隱藏 Div 內元素的高度?

如何使用 jQuery 高效能取得隱藏 Div 內元素的高度?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-15 16:31:17171瀏覽

How Can I Efficiently Get the Height of an Element Inside a Hidden Div Using jQuery?

在 jQuery 中檢索隱藏元素的高度

取得隱藏在隱藏 div 中的元素的高度可能具有挑戰性。傳統的方法是顯示 div,獲取高度,然後隱藏它,這可能很麻煩。

但是,有更有效的方法,利用jQuery 修改CSS 樣式的能力:

方法

  1. 修改CSS:

    暫時為隱藏的div 設定以下CSS屬性:
    • position:absolute(如果div 已經是絕對的則可選)
    • visibility:hidden
    • display:block
  2. display:block
  3. display:block

display:block

取得高度:使用jQuery的 height() 函數,檢索現在可見的 div 內元素的高度。 還原 CSS: 取得高度後,再恢復 div 的原始 CSS 屬性。 程式碼範例這種方法提供了一種更有效率、靈活的方式來取得高度隱藏元素,無需重複顯示和隱藏父div。

以上是如何使用 jQuery 高效能取得隱藏 Div 內元素的高度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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