jquery - 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

hidden（）アニメーションが正確にどのように機能するかは完全にはわかりませんが、縮小効果を実現するために要素のstlyeサイズを変更すると、アニメーションの実行後に元のサイズに戻る可能性があります。

jQueryが実際に物事を隠す方法は、要素を隠すcssスタイルの1つを設定することです（私はそれがdisplay：none;を設定するだけだと思います）。アニメーションは、要素を実際に永続的に変更するわけではない、いくつかの凝った効果です。

Answer 3

あなたはコールバックに書くことができますstyle.height=' ';