jquery - 为什么要在 show() 之前调用 hide() ？

Question

为什么要在 show() 之前调用 hide() ？在我用方法链优化这个之前我想知道这一点..

function ShowSomething() {
  jQuery("something").hide();
  jQuery("something").show();
}

Answer 1

当调用hide()时，该元素的display的初始值被存储，当调用show()时，该初始值为放回原位。如果未设置初始值，则 show() 将设置 display:block。

因此，如果一个元素最初是 display:inline，但(比方说)在该元素上调用了 .css("display","none")，它将被隐藏，并且不会保存初始属性。当我们再次 show() 这个元素时，它将被赋予 display:block - 而不是它的 inline 的初始值，这是它将被赋予的值如果我们使用hide()。

总结一下:hide() 将保留原始的 display 值，供 show() 使用

来源:jQuery hide()文档