JQuery入門ガイド(7):要素をフィルタで検索
1230 ワード
本明細書で説明する内容は、主に検索要素の範囲を縮小するために使用される3つの最も基本的なフィルタリング方法は、first()、last()、eq()であり、要素のセット内の位置に基づいて特定の要素を選択できます.
jQuery first()メソッド
first()メソッドは、選択された要素の最初の要素を返します.次の例では、最初の
jQuery first()メソッド
first()メソッドは、選択された要素の最初の要素を返します.次の例では、最初の
要素の内部にある最初の
jQuery last()メソッド
Last()メソッドは、選択された要素の最後の要素を返します.次の例では、最後の
要素を選択します.
$(document).ready(function(){
$("div p").first();
});
jQuery last()メソッド
Last()メソッドは、選択された要素の最後の要素を返します.次の例では、最後の
要素の最後の
jQuery eq()メソッド
eq()メソッドは、選択された要素に指定されたインデックス番号を持つ要素を返します.インデックス番号は0から始まるので、最初の要素のインデックス番号は1ではなく0です.次の例では、2番目の
jQuery filter()メソッド
filter()メソッドでは、基準を指定できます.この基準に一致しない要素はコレクションから削除され、一致した要素は返されます.次の例では、属性class=「intro」を持つすべての
jQuery not()メソッド
not()メソッドは、基準に一致しないすべての要素を返します.ヒント:not()メソッドはfilter()とは逆です.次の例では、クラス名「intro」を持たないすべての
要素を選択します.
$(document).ready(function(){
$("div p").last();
});
jQuery eq()メソッド
eq()メソッドは、選択された要素に指定されたインデックス番号を持つ要素を返します.インデックス番号は0から始まるので、最初の要素のインデックス番号は1ではなく0です.次の例では、2番目の
要素(インデックス番号1)を選択します.
$(document).ready(function(){
$("p").eq(1);
});
jQuery filter()メソッド
filter()メソッドでは、基準を指定できます.この基準に一致しない要素はコレクションから削除され、一致した要素は返されます.次の例では、属性class=「intro」を持つすべての
要素を返します.
$(document).ready(function(){
$("p").filter(".intro");
});
jQuery not()メソッド
not()メソッドは、基準に一致しないすべての要素を返します.ヒント:not()メソッドはfilter()とは逆です.次の例では、クラス名「intro」を持たないすべての
要素を返します.
$(document).ready(function(){
$("p").not(".intro");
});