當你在jQuery中的element.hide（）時，height和width是否設置爲0？

Question

請問jquery .hide方法使div的寬度和高度爲0，如果我說顯示什麼是div的高度和寬度。

感謝

Answer 1

.hide()它像添加display:none到CSS。它不會影響項目的高度或寬度

Answer 2

.hide()不會更改元素的尺寸。當您說.show()時，它將與隱藏之前的尺寸相同。

Answer 3

我認爲jQuery只是設置display:none來隱藏div。

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