在jQuery中获取隐藏元素的高度

想要在jQuery中获取隐藏元素的高度，可以分为两种情况：一种是元素的display属性为none，另一种是元素的visibility属性为hidden。接下来我将为你详细讲解这两种情况的解决方法。

获取display:none的元素高度

当元素的display属性为none时，需要先将该元素显示出来，再获取其高度，最后再将该元素隐藏起来。代码示例如下：

// 显示元素
$('#hiddenElement').show();
// 获取元素高度
var elementHeight = $('#hiddenElement').height();
// 再次隐藏元素
$('#hiddenElement').hide();

获取visibility:hidden的元素高度

当元素的visibility属性为hidden时，元素虽然不可见，但其依然占据文档流，因此可以直接获取其高度。代码示例如下：

// 获取元素高度
var elementHeight = $('#hiddenElement').height();

以上就是在jQuery中获取隐藏元素高度的完整攻略。

另外需要注意的是，如果要获取的元素内部还包含图片等资源，需要先确保这些资源都已经加载完毕再获取其高度，否则获取的高度可能不准确。可以使用以下代码实现：

// 等待元素内部资源加载完毕再执行获取操作
$('#hiddenElement').imagesLoaded(function(){
  var elementHeight = $('#hiddenElement').height();
});