首頁 > web前端 > js教程 > 主體

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

Patricia Arquette
發布: 2024-11-02 15:13:02
原創
838 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!