当你将它设置为隐藏时,JQuery对<div>做了什么?</div>

时间:2010-06-03 10:12:28

标签: jquery dom

我想知道当你将它设置为隐藏时,JQuery对<div>实际做了什么?

它是否只是将CSS显示样式设置为无?

我问的原因是,我想设置一个<div>最初被隐藏(通过手动设置属性,而不是通过调用.hide)然后使用.show()在需要时将其置于视图中。 / p>

4 个答案:

答案 0 :(得分:9)

它将它设置为display: none,虽然有一些额外的工作,但这是整体效果。

如果你有<div style="display: none;">,那么.show() 显示它:)

Here's a quick demo showing this

如果您对完全发生的事情更加好奇,您可以随时直接查看源:) .hide()函数内部工作可以在这里看到:{{3 }}

例如.hide() / .show().css('display':'whatever')之间的主要区别在于.show() 恢复之前的display值(或清除它,因此它是默认的,如果它从未被.hide()隐藏),而不是仅仅选择一个新的:)

答案 1 :(得分:3)

根据 JQuery API with speed set to none, yes

否则,当它执行以下操作时(也来自 API文档):

When a duration is provided, .hide() becomes an animation method. 
The .hide() method animates the width, height, and opacity of the 
matched elements simultaneously. When these properties reach 0,
the display style property is set to none to ensure that the element
no longer affects the layout of the page.

答案 2 :(得分:0)

.hide()将display:none应用于元素的样式。

答案 3 :(得分:0)

  

是否只是设置了CSS显示   风格到没?

,这就是它的作用,例如:

display: none;