[解決済み] jQuery .hide() と .css("display", "none") の違いについて

質問

の違いは何ですか？

jQuery('#id').show() and jQuery('#id').css("display","block")

と

jQuery('#id').hide() and jQuery('#id').css("display","none")

どのように解決するのですか？

jQuery('#id').css("display","block") を実行します。

は display プロパティは多くの可能な値を持つことができ、その中には block , inline , inline-block そして その他多数 .

は .show() メソッドは必ずしも block に設定する必要はなく、むしろ定義したものにリセットします（もしあれば）。

jQueryのソースコードを見ると、どのように display プロパティを ""(空文字列) に設定し、jQuery で操作する前の状態を確認していることがわかります。 小さなリンク .

一方、非表示は display: none; であるため .hide() と .css("display", "none") はある点で等価である。

を使うことが推奨されています。 .show() と .hide() を使うことで、混乱を避けることができます（さらに、これらの方が短いです）。