jqueryでelement.hide（）を実行すると、高さと幅が0に設定されていますか？

Question

jquery .hideメソッドは、divの幅と高さを0にしますか？また、divの高さと幅を表示するとします。

おかげ

Answer 1

.hide()そのCSSへdisplay:noneを追加することなどです。アイテムの高さや幅には影響しません

Answer 2

.hide()要素の寸法は変更されません。 .show()と言うとき、それは隠される前と同じサイズになります。

Answer 3

jQueryはdivを非表示にするようにdisplay:noneを設定すると思います。

Answer 4

element.hide（）は、スタイルを 'display：none'に変更するだけです。高さや幅は何もしません。詳細は​​を参照してください。 element.show（）を使用すると、 'display'スタイル属性が以前のものにリセットされます。

Answer 5

hide()およびshow()displayプロパティを格納し、display: noneと以前に格納された値の間で変更します。したがって、要素のwidthまたはheightは変更されません。

Answer 6

いや、それはテストするのは簡単です：

http://jsfiddle.net/E9x2B/

HTML：

<div id="test1"></div> 
<div id="test2">Testing</div> 

CSS：

#test1 { 
    height: 40px; 
    width: 40px; 
} 

JS：

$('div').hide(); 
console.log($('#test1').height()); //returns 40 
console.log($('#test2').height()); //returns 20