jquery_jquery でのフィルター メソッドの使用分析の例

この記事の例では、jquery での filter メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

filter() メソッドは、一致する要素のセットを、指定されたセレクターに一致する要素に絞り込みます。
フィルター メソッドのパラメーターには、現在の要素セットと一致させるためのセレクター式を含む文字列値を指定できます。

1. フィルターのパラメータの種類は 2 種類に分けられます

1.パスセレクター
$('a').filter('.external')

2. パスフィルター機能

コードをコピー コードは次のとおりです。

$('a').filter(function(index) {
return $(this).hasClass('external');
})

2. Jquery の find と filter の違い

1. find() は、div 要素内でクラス classname を持つ要素を検索します。
2. filter() は、div のクラスが classname である要素をフィルターします。
3. 基本的に、find サブ要素が見つかり、フィルターはレベル検索です

4. find 関数は、現在のオブジェクト コレクションの子要素をクエリします。 5. フィルター関数は、現在のオブジェクト コレクションをフィルターし、フィルター条件を使用して範囲を絞り込みます。 6. find 関数のパラメーターは jQuery セレクター式です。

7. フィルターのパラメーターもセレクター式ですが、カンマで区切って複数の条件を指定できます (論理 OR 関係)。 8. フィルターのパラメーターは関数にすることもできます。関数を呼び出すと、インデックス パラメーターが自動的に渡されます。要素を選択または除外するには、関数は true または false を返す必要があります。

例:

コードをコピー コードは次のとおりです。

<スクリプト>
$(関数(){
$('#btn1').click(function(){
アラート($('div').find('.test').html()); });
$('#btn2').click(function(){
アラート($('div').filter('.test').html()); });
$('#btn3').click(function(){
アラート($('div').filter('.last').html()); });
$('#btn4').click(function(){
アラート($('div').filter('.first,.last').html()); });
});

最初のコンテンツテストコンテンツ

last最後のテスト内容

last最後のテストコンテンツなし

この記事が皆さんの jQuery プログラミングに役立つことを願っています。