ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery でのフィルター メソッドの使用分析の例

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

WBOY
リリース: 2016-05-16 16:15:26
オリジナル
1311 人が閲覧しました

この記事の例では、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 プログラミングに役立つことを願っています。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート