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

使用 jQuery 取得隱藏元素的高度

確定隱藏父 div 中隱藏元素的高度可能具有挑戰性。為了獲得元素的高度而暫時顯示元素然後再次隱藏它的效率很低。這是一個更最佳化的解決方案：

解決方案：

您可以使用以下程式碼片段：

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 : "");

說明：

1. 將div目前的CSS樣式儲存在previousCss 變數。
2. 透過將其位置設為絕對（如果已經是絕對，則可選）、將可見性設為隱藏、將顯示設為封鎖來調整 div 的 CSS。
3. 取得現在可見的高度div 並將其儲存在 optionHeight 變數中。
4. 恢復div 之前的CSS 樣式或刪除內聯樣式（如果previousCss 為空。

這種方法避免了顯示和隱藏父div 的需要，從而可以更有效地取得隱藏元素的高度。

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