.show（）和.css（{'display'：'block'}）有什么区别？

Question

我刚刚得到一个脚本来改变

$('#thisElement').show(); 

其中#thisElement已经加载具有display:none;

有没有在这两个表达式有根本区别工作

$('#thisElement').css({'display':'block'}); 

？

Answer 1

假设你在一开始有这样的：

<span id="thisElement" style="display: none;">Foo</span> 

，当你拨打：

$('#thisElement').show(); 

您将获得：

<span id="thisElement" style="">Foo</span> 

同时：

$('#thisElement').css({'display':'block'}); 

作用：

<span id="thisElement" style="display: block;">Foo</span> 

所以，是有区别。

Answer 2

从jQuery show() documentation：

这大致相当于调用的CSS（“显示器”，“块”），所不同的是在显示属性被恢复到任何它最初。如果一个元素的显示值为内联，然后被隐藏并显示，它将再次以内联方式显示。