如何在 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中文網其他相關文章！