読者です 読者をやめる 読者になる 読者になる

ねっとぱんだ

Webデザイン、プログラミングの勉強ブログ。

【jQuery】thisセレクター


メソッドを指定するときは$(this)と記述する
jQUeryのオブジェクトではなくDOM要素なので)

$(this).css('color','red');

イベントハンドラ内のthisはイベントの対象が指定される

親、先祖要素を指定

親要素を指定

$(this).parent()

親or先祖要素を指定

$(this).parent('div')

子、孫要素を指定

子要素を指定

$(this).children('ul')

子or孫要素を指定

$(this).find('li')

隣接要素を指定

直後の隣接要素を指定

$(this).next('div')

this以降の全ての要素を指定

$(this).nextAll('p')

直前の隣接要素を指定

$(this).prev('div')

this以前の全ての要素を指定

$(this).prevAll('p')