ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryの基本的なフィルターとは何ですか

jqueryの基本的なフィルターとは何ですか

藏色散人
藏色散人オリジナル
2020-11-16 10:57:532983ブラウズ

jquery の基本フィルターには、1. 選択された要素の最初の要素を返す jQuery first メソッド、2. 選択された要素の中から指定されたインデックス番号を持つ要素を返す jQuery last メソッド、3 、jQuery が含まれます。 eq メソッドの場合、このメソッドは選択された要素の中から指定されたインデックス番号を持つ要素を返します。

jqueryの基本的なフィルターとは何ですか

推奨: 「js ビデオ チュートリアル

jQuery 基本フィルター

最近、編集者が jQuery の知識を勉強しており、最近プロジェクトで使用した知識をまとめています。

jQuery first() メソッド

first() メソッドは、選択された要素の最初の要素を返します。

次の例では、最初の ff6d136ddc5fdfeffaf53ff6ee95f185 要素内の最初の 25edfb22a4f469ecb59f1190150159c6 要素を選択します:

$(document).ready(function(){
  $("ul li").first();
});

jQuery last() メソッド

# last() メソッドは、選択された要素の最後の要素を返します。

次の例では、最後の ff6d136ddc5fdfeffaf53ff6ee95f185 要素内の最後の 25edfb22a4f469ecb59f1190150159c6 要素を選択します:

$(document).ready(function(){
  $("ul li").last();
});

jQuery eq() メソッド

eq() メソッドは、選択された要素のうち指定されたインデックス番号を持つ要素を返します。

インデックス番号は 0 から始まるため、最初の要素のインデックス番号は 1 ではなく 0 になります。次の例では、2 番目の e388a4556c0f65e1904146cc1a846bee 要素 (インデックス 1) を選択します:

$(document).ready(function(){
  $("p").eq(1);
});

jQuery filter() メソッド

filter() メソッドを使用すると、標準。この基準に一致しない要素はコレクションから削除され、一致する要素が返されます。

次の例は、クラス名「intro」を持つすべての e388a4556c0f65e1904146cc1a846bee 要素を返します:

$(document).ready(function(){
  $("p").filter(".intro");
});

jQuery not() method

not ( ) メソッドは、条件に一致しないすべての要素を返します。

ヒント: not() メソッドは filter() の逆です。

次の例は、クラス名「intro」のないすべての e388a4556c0f65e1904146cc1a846bee 要素を返します:

$(document).ready(function(){
  $("p").not(".intro");
});

[例]

ページ上で動的に生成されるとき メニュー ( li タグ) はデフォルトで最初のメニュー機能を表示する必要があるため、.first メソッドは非常に便利です。

rree

以上がjqueryの基本的なフィルターとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。