エンジニアのひよこ_level10

【毎日更新!】新卒4年目エンジニアブログです!

【jQuery】表示・非表示のものをすべて指すセレクタ【894日目】

非表示のものを対象にしたい

非表示に対して、特定の動作をしたくない。
あるいは、表示させているものにだけjQueryの対象にしたい。

:hidden :visible

:hidden で非表示のものを対象にする。
:visible で非表示ではないものを対象とする。

従って、

$(":hidden").show();

すると、非表示のものをすべて表示することが出来ます。
非表示のものに対してJSを走らせたくないとかなら、このセレクタを使えば良さそうです。

逆に

$(":visible").hide();

こうすると、すべての要素が消えて、真っ白な画面が出来上がります。