jQueryのセレクタで指定したもの以外を選択する・させる方法 :not()

Tweet

238

jQueryは簡単にHTMLの要素やCSSを選択できるのですが
通常とは逆の使い方、指定した物以外を対象にする方法

jQueryの；not()を使うことで○○のセレクタ以外を指定する

まずは一般的なjQueryのセレクタでimgタグを指定したときの形

$('img').css('border','1px solid #000');

ここからnotを使ってimgタグで特定のクラスを持つもの以外を対象にする

$('img:not(.test img)').css('border','1px solid #000');

notを利用すればセレクタの選択の幅がかなり広がります
全体に処理を加えたいけど、特定の場所だけ除外したい場合に役立ちます

例えばページ全体のaタグにページ移動のフェード処理をしているときに
ダウンロードリンクやデモページを表示するときにはフェードを無効にするといった使い方があります

Tweet

短縮URL:

2013年12月05日 WEB制作系 jQuery