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


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答疑栏目,欢迎学习!

以上就是jquery如何获取隐藏元素的高度?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读