jquery如何获取隐藏元素的高度？

jquery获取隐藏元素的高度可以直接使用height()方法。

例如：

<script src="./jquery.js"></script>

<style>
    #app{
        width: 100px;
        height: 1000px;
        display: none;
        border: 1px solid skyblue;
    }
</style>

<div id="app">123</div>

<script>
    console.log($('#app').height())
</script>

输出：

1000

设置了“display:none”的元素本来是没有高度的。

在使用jQuery的height方法去获取元素的高度的时候，会对设置了“display:none”的隐藏元素进行一些处理，临时把元素的样式设置成：

display:block;
visibility:hidden;
position:absolute;

这样获取到元素的高度以后，再恢复成原来的属性。

本文来自jQuery答疑栏目，欢迎学习！