2021.08.23

俺的jQueryの備忘録【順次更新】

スポンサーリンク

jQueryでよく使うものをまとめました。

いちいちググってやるのもダルいので、備忘録としてまとめました。
辞書的な感じになればいいなと思って、この記事を育てて行こうと思います。

特定の要素を除く

[対象の要素].not(除きたい要素)

使い所として例を挙げるとすれば、クリックした要素以外の要素を処理したい場合などに使えたりします。

以下画像を参照して欲しいのですが、メニューがあって、それらをクリックするとサブメニューが表示されるというものを作るとします。



①のメニューをクリックした後に、②のメニューをクリックした場合、①のサブメニューは表示されたままになってしまう。

そういった場合に.not()が有効です。

//クリックした要素以外に対してサブメニューをスライドアップさせる
$('メニュー').not($(this)).find($('サブメニュー')).slideUp(300);
そうすることでクリックされた要素以外の要素をノンアクティブにすることが可能になります。

 


株式会社シフトブレイン (著)