デモ - 【jQuery入門 3】要素を取得しよう。セレクタって何？後編

DEMO 01 : find()

1. 指定した条件「class『.demo1_target2』の要素」を取得する
2. 選択した要素のclassを追加する

DEMO 02 : prev()

1. 指定した条件「class『demo2_target2』の要素」直前にある要素を取得する
2. 選択した要素にclass「demo02_target3」を追加する

DEMO 03 : next()

1. 指定した条件「class『demo03_target2』の要素」直後にある要素を取得する
2. 選択した要素にclass「demo03_target3」を追加する

DEMO 04 : eq()

1. 指定した条件「demo04_inner p」の7番目の要素を取得する
2. 選択した要素にclass「demo04_target」を追加する

DEMO 05 : first()

1. 指定した条件「demo05_inner p」の最初の要素を取得する
2. 選択した要素にclass「demo05_target」を追加する

DEMO 06 : last()

1. 指定した条件「demo06_inner p」の最後の要素を取得する
2. 選択した要素にclass「demo06_target」を追加する

DEMO 07 : is()

1. 指定した条件のclass「demo07_inner p:even」と一致する要素を取得する
2. 選択した要素にclass「demo07_target」を追加する

DEMO 08 : not()

1. 指定した条件のclass「demo08_target」と一致しない要素を取得する
2. 選択した要素にclass「demo08_target2」を追加する

DEMO 09 : children()

class「demo09_trigger」の要素「ふふふ・・・」をクリックすると、「demo09_target p」要素の子要素(span)のclassを切り替える

DEMO 10 : parent()

class「demo10_trigger」の要素「ぽちぽち」をクリックすると、「demo10_target」要素の親要素(class「demo10_inner」)にclass「demo10_target2」を追加する