jquery - 当您将 设置为隐藏时，JQuery 对它执行什么操作？

Question

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

它只是将 CSS 显示样式设置为无吗？

我问的原因是，我想设置一个 <div>最初隐藏(通过手动设置属性，而不是调用 .hide)，然后使用 .show() 在需要时将其显示出来。

Answer 1

它将其设置为 display: none ，虽然做了一些额外的工作，但这就是总体效果。

如果您有 <div style="display: none;">然后 .show() 会显示它:)

Here's a quick demo showing this

如果您对到底发生了什么更好奇，您可以随时直接查看源代码:) .hide() 函数内部工作原理可以在这里看到:http://github.com/jquery/jquery/blob/master/src/effects.js#L59

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