高度和高度在jquery中的element.hide（）时，width设置为0？

Question

jquery .hide方法是否会使div的宽度和高度为0，如果我说显示div的高度和宽度。

感谢

Answer 1

.hide()就像在{c}中添加display:none一样。它不会影响项目的高度或宽度

Answer 2

不，并且很容易测试：

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

Answer 3

.hide()不会更改元素的尺寸。当您说.show()时，它将与隐藏之前的大小相同。

Answer 4

我认为jQuery只是设置display:none来隐藏div。

Answer 5

element.hide（）只是将样式改为'display：none'。它对高度和/或宽度没有任何作用。有关详细信息，请参阅http://api.jquery.com/hide/。使用element.show（）会将'display'样式属性重置为之前的样式。

Answer 6

hide()和show()存储display属性，并在display: none和之前存储的值之间进行更改。因此，它不会更改元素的width或height。