jQueryでCSS表示非表示関連プロパティを操作 ／ 同義処理を実施するメソッド

一覧表

メソッド名	効果	表示非表示
show()	表示	表示
toggle()	表示していたら非表示へ、非表示なら表示へ変更	現状に依存
hide()	display:noneと同義	非表示

下記2つは同じ意味

$("セレクタ記述").css("display", "none"); 

$("セレクタ記述").hide(); 

下記は上記とは意味が異なる
・「visibility:hidden」に該当するjQuery独自メソッドは存在しない

$("セレクタ記述").css("visibility","hidden"); 

---

displayプロパティ

inline

$("セレクタ記述").css("display", "inline"); 

none

$("セレクタ記述").css("display", "none"); 

---

visibilityプロパティ

visible

$("セレクタ記述").css("visibility","visible"); 

hidden

$("セレクタ記述").css("visibility","hidden"); 

---

jQueryメソッド

show()

$("セレクタ記述").show(); 

hide()

$("セレクタ記述").hide(); 

・display:none;と同義
・要素は表示されない
・描画エリアも確保されない(レイアウト影響あり)

toggle()

$("セレクタ記述").toggle(); 

・各要素のうち、「表示状態にあるものは非表示」、「非表示状態にあるものは表示状態」へ変更