jquery获取隐藏元素高度

// 假设有一个ID为"hiddenElement"的隐藏元素
var hiddenElement = $('#hiddenElement');

// 方法一：临时改变display属性
var height1 = hiddenElement.css('display', 'block').height();
hiddenElement.css('display', ''); // 恢复原来的display属性

// 方法二：使用visibility属性
var height2 = hiddenElement.css({
    visibility: 'hidden',
    display: 'block'
}).height();
hiddenElement.css({
    visibility: '',
    display: ''
});

// 方法三：使用offsetHeight（需要将元素添加到一个可见的容器中）
var tempContainer = $('<div>').css({
    position: 'absolute',
    visibility: 'hidden',
    width: hiddenElement.width(),
    height: 'auto'
}).appendTo('body');
tempContainer.append(hiddenElement);
var height3 = hiddenElement[0].offsetHeight;
tempContainer.remove();

console.log('Height using method 1:', height1);
console.log('Height using method 2:', height2);
console.log('Height using method 3:', height3);