JQuery選択とフィルタリング
2045 ワード
A.jQueryのすべての機能は、$と呼ばれる非常に簡単な名前付きオブジェクト、すなわちドル記号オブジェクトに由来します.(このドルのオブジェクトの代わりにjQueryを使用することもできます).このドルオブジェクトは、メソッドを表し、オブジェクトを表します.
例:
B.find()メソッドを使用して選択セットを検索する:jQueryのfind()メソッドは、1つの選択セットを再フィルタするために使用される.
例:
上記の例では、まずIDがtmpFavoritesの
例:
$(document).ready;
$('document#id');
B.find()メソッドを使用して選択セットを検索する:jQueryのfind()メソッドは、1つの選択セットを再フィルタするために使用される.
例:
$('ul#tmpFavorites'.).find('li').addClass('tmpFound');
上記の例では、まずIDがtmpFavoritesの
- 要素を選択し、find()メソッドでその中のすべての
- 要素を選択し、cssクラス名tmpFoundを追加します.
find()メソッドの主な機能は、取得した選択セットで指定された要素を検索することです.
C.siblings()メソッドを使用して要素の兄弟ノードを検索する:現在の要素のすべての兄弟ノードを選択してフィルタする.
例:$('ul#tmpPlaces li.tmpExampleCity').siblings().addClass('tmpSiblings');
上記の例では、まず、IDがtmpPlacesの- 要素の下にあるクラス名がtmpExampleの
- 要素を選択し、その後、その兄弟ノード、すなわち、その
- 要素を除くすべての
- 要素を選択する.
D.他の兄弟ノードを選択する方法:
jQueryは、next()、pre()、nextall()およびpreAll()を提供する.
E.parents()メソッドとparent()メソッドを使用して祖先要素を選択します.
parents()メソッドにパラメータがない場合、ルート要素に遡及するすべての祖先要素を含む要素のすべての祖先要素が選択されます.
parent()メソッドは、現在の要素の直接親要素を直接選択します.
以上の2つの方法は、セレクタをパラメータとして入力することができる.
F.children()メソッドを使用して、要素のサブ要素を選択します.
G.not()メソッドを使用して、選択セットに不要な要素に基づいて、必要な他の要素を逆選択します.
例:$('ul#tmpSlaspstick li').not('li.tmpThreeStooges').addClass('tmpFunny');
H.slice()メソッドを使用して、結果セットのセグメントのサブセットを選択します.
例A:$('ul#tmpSlapstick li').slice(0,4).addClass('tmpReallyFunny');
1番目(0番)から4番目(4番の要素の前)の - 要素を選択します.
例B:$('ul#tmpSlapstic li'.slice(5),addClass('tmpRellyFunny');
6番目の要素(5番)から最後までのすべての要素を選択します.
I.add()メソッドを使用して、選択セットにより多くの要素を追加します.
例:$('ul#tmpMarxBrothers li') .add('ul#tmpAbbottAndCostello li') .addClass('TmpReallyFunny');
J.eq()メソッドで選択セットから特定の要素を選択する:
例:$('ul li').eq(3).addClass('tmpQueen');
4番目(番号3)のli要素を選択します.