jquery隐藏高度

Question

为什么在隐藏动画之前和之后测试div的高度值相同？

$(document).ready(function() {        
    $("#test").hide("slow", function() {  
       alert($("#test").height());  
   });
});

<div id="test">
    test
    <br />
    test
    <br />
    test
</div>

Answer 1

Hide（）函数只隐藏div，它不会修改高度。只添加一个style =“display：none;”到元素。

Answer 2

我不完全确定hide（）动画是如何工作的，但是如果它确实改变了元素的stlye-size以实现收缩效果，它可能会在动画完成后将其恢复为原始大小

jQuery 真正隐藏事物的方式是设置一个隐藏元素的css样式（我认为它只设置display：none;）。动画只是一些奇特的效果，并没有真正永久地改变元素。

Answer 3

你可以写回调style.height=' ';