jQuery遍歴-フィルタリング
1713 ワード
2017-09-18 W 3 school-jQuery遍歴-フィルタリングは、自分のシステム的な基礎を築くのを助け、メモを取ると同時に自分の余分な収穫を追加することができることを望んでいます.
検索要素の範囲を略語する3つの最も基本的なフィルタリング方法はfirst()、last()、eq()であり、要素のセット内の位置に基づいて特定の要素を選択できます.フィルタ()やnot()などの他のフィルタリング方法では、指定した基準に一致する要素または一致しない要素を選択できます.
jQuery first()メソッド
first()メソッドは、選択された要素の最初の要素を返します.次の例では、最初の要素の内部にある最初の要素を選択します.
jQuery last()メソッド
Last()メソッドは、選択された要素の最後の要素を返します.次の例では、最後の要素の最後の要素を選択します.
jQuery eq()メソッド
eq()メソッドは、選択された要素に指定されたインデックス番号を持つ要素を返します.インデックス番号は0から始まるので、最初の要素のインデックス番号は1ではなく0です.次の例では、2番目の要素(インデックス番号1)を選択します.
jQuery filter()メソッド
filter()メソッドでは、基準を指定できます.この基準に一致しない要素はコレクションから削除され、一致した要素は返されます.次の例では、クラス名「intro」を持つすべての要素を返します.
jQuery not()メソッド
not()メソッドは、基準に一致しないすべての要素を返します.ヒント:not()メソッドはfilter()とは逆です.次の例では、クラス名「intro」を持たないすべての要素を返します.
検索要素の範囲を略語する3つの最も基本的なフィルタリング方法はfirst()、last()、eq()であり、要素のセット内の位置に基づいて特定の要素を選択できます.フィルタ()やnot()などの他のフィルタリング方法では、指定した基準に一致する要素または一致しない要素を選択できます.
jQuery first()メソッド
first()メソッドは、選択された要素の最初の要素を返します.次の例では、最初の要素の内部にある最初の要素を選択します.
$(document).ready(function(){
$("div p").first();
});
jQuery last()メソッド
Last()メソッドは、選択された要素の最後の要素を返します.次の例では、最後の要素の最後の要素を選択します.
$(document).ready(function(){
$("div p").last();
});
jQuery eq()メソッド
eq()メソッドは、選択された要素に指定されたインデックス番号を持つ要素を返します.インデックス番号は0から始まるので、最初の要素のインデックス番号は1ではなく0です.次の例では、2番目の要素(インデックス番号1)を選択します.
$(document).ready(function(){
$("p").eq(1);
});
jQuery filter()メソッド
filter()メソッドでは、基準を指定できます.この基準に一致しない要素はコレクションから削除され、一致した要素は返されます.次の例では、クラス名「intro」を持つすべての要素を返します.
$(document).ready(function(){
$("p").filter(".intro");
});
jQuery not()メソッド
not()メソッドは、基準に一致しないすべての要素を返します.ヒント:not()メソッドはfilter()とは逆です.次の例では、クラス名「intro」を持たないすべての要素を返します.
$(document).ready(function(){
$("p").not(".intro");
});