jQuery 如何有效率地取得隱藏元素的高度？-css教學-PHP中文網

jQuery 如何有效率地取得隱藏元素的高度？

Susan Sarandon

發布： 2024-12-21 20:27:40

原創

309 人瀏覽過

How Can I Efficiently Get the Height of a Hidden Element in jQuery?

在jQuery 中檢索隱藏元素高度的替代方法

當需要檢索隱藏元素的高度時隱藏的父div，您可能認為有必要暫時顯示父div 以收集高度，然後再隱藏它。然而，這種方法似乎有些多餘。有沒有更有效的解決方案？

在jQuery 1.4.2 版本中，您可以利用一種臨時調整隱藏父元素CSS 樣式的技術：

var previousCss = $("#myDiv").attr("style");

// Temporarily adjust CSS styles to enable height measurement
$("#myDiv").css({
    position: 'absolute', // Optional if #myDiv is already absolute
    visibility: 'hidden',
    display: 'block'
});

var optionHeight = $("#myDiv").height();

// Restore original CSS styles
$("#myDiv").attr("style", previousCss ? previousCss : "");

登入後複製

此方法允許您無需實際顯示其父級div 即可取得隱藏元素的高度。它透過策略性地設定可見性和顯示等屬性來暫時使元素對測量可見，然後恢復其原始 CSS 樣式來實現這一點。這消除了顯示和隱藏父 div 的中間步驟的需要。

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