.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（「顯示器」，「塊」），所不同的是在顯示屬性被恢復到任何它最初。如果一個元素的顯示值爲內聯，然後被隱藏並顯示，它將再次以內聯方式顯示。