ホームページ > ウェブフロントエンド > フロントエンドQ&A > jQueryはフィルタリングに何を使用しますか?

jQueryはフィルタリングに何を使用しますか?

WBOY
リリース: 2022-05-10 15:09:03
オリジナル
1991 人が閲覧しました

フィルタリング方法: 1. 「.hasClass("class name")」を使用してクラス名をフィルタリングします。 2. 「.eq(n)」を使用して添え字をフィルタリングします。 3. 「.is(select ( selector)」でフィルタ判定; 4. 逆フィルタには「.not(セレクタまたは関数)」を使用; 5. 式をフィルタするには「.filter(セレクタまたは関数)」を使用します。

jQueryはフィルタリングに何を使用しますか?

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jQuery フィルタリングに使用するもの

jQuery には、次の 5 つの一般的なフィルタリング メソッドがあります:

1. クラス名のフィルタリング: hasClass( );

クラス名フィルタリングは、要素のクラスに基づくフィルタリングを指します。 jQuery では、hasClass() メソッドを使用してクラス名フィルタリングを実装できます。

構文:

$().hasClass("类名")
ログイン後にコピー

hasClass() メソッドは通常、要素に指定されたクラス名が含まれているかどうかを判断するために使用されます。含まれている場合は true を返し、含まれていない場合は false を返します。

2. 添字フィルタリング: eq();

添字フィルタリングは、要素コレクションの添字に基づくフィルタリングを指します。 jQuery では、eq() メソッドを使用して添字フィルタリングを実装できます。

構文:

$().eq(n)
ログイン後にコピー

n は整数です。 n が値 0 または正の整数の場合、eq(0) は 1 番目の要素を取得し、eq(1) は 2 番目の要素を取得し、...というようになります。 n が負の整数の場合、eq(-1) は最後の要素から最初の要素を取得し、eq(-2) は最後の要素から 2 番目の要素を取得します...というようになります。

3. 判定フィルタリング: is();

判定フィルタリングとは、ある条件に基づいて判定し、条件を満たすものを選択することを指します。条件要素。 jQueryではis()メソッドを使用して判定フィルタリングを実装できます。

構文:

$().is(selector)
ログイン後にコピー

パラメータ セレクターはセレクターです。 is() メソッドは、現在選択されている要素コレクションに条件を満たす要素があるかどうかを判断するために使用され、存在する場合は true を返し、存在しない場合は false を返します。

is() メソッドは非常に使いやすく、これをうまく使用できるかどうかが、コードが効率的かどうかに直接影響します。 jQuery を使用した開発では、できないことは何もなく、想像できないことだけが起こります。 is() メソッドの一般的な関数コードを以下に示します:

//判断元素是否可见
$().is(":visible")
//判断元素是否处于动画中
$().is(":animated")
//判断单选框或复选框是否被选中
$().is(":checked")
//判断当前元素是否为第一个子元素
$(this).is(":first-child")
//判断文本中是否包含jQuery这个词
$().is(":contains('jQuery')")
//判断是否包含某些类名
$().is(".select")
ログイン後にコピー

4. 逆フィルタリング: not();

in In jQuery では、not() メソッドを使用して「条件を満たさない」要素をフィルターし、条件を満たす残りの要素を返すこともできます。このうち、not() メソッドは、セレクターを使用してフィルターすることも、関数を使用してフィルターすることもできます。

構文:

$().not(selector或fn)
ログイン後にコピー

not() メソッドのパラメーターがセレクターの場合、セレクターを使用して条件を満たさない要素をフィルターし、残りの要素を選択することを意味します。 not()メソッドの引数が関数の場合、その関数を使って条件を満たさない要素をフィルタリングし、残りの要素を選択することを意味します。

5. 式フィルタリング: filter()、has()。

式フィルタリングとは、「カスタム式」を使用して条件を満たす要素を選択することを指します。このカスタム式はセレクターまたは関数にすることができます。

jQuery には、式フィルタリングのメソッドが 2 つあります。1 つは filter() メソッドで、もう 1 つは has() メソッドです。

jQuery filter() メソッド

jQuery では、filter() メソッドは非常に強力なフィルタリング メソッドであり、セレクタを使用してフィルタリングすることも、関数を使用することもできます。フィルタリングします。

1) セレクター フィルター処理

セレクター フィルター処理とは、セレクターを使用して条件を満たす要素を選択することを指します。

構文:

$().filter(selector)
ログイン後にコピー

パラメータ セレクターはセレクターです。

2) 関数フィルタリング

関数フィルタリングとは、関数の戻り値に基づいて条件を満たす要素を選択することを指します。

構文:

$().filter(fn)
ログイン後にコピー

パラメータ fn はコールバック関数です。

filter() メソッドは非常に強力で、以前に学習したフィルタリング メソッドのほぼすべての機能が含まれています。ただし、filter() メソッド内にカプセル化されたものが多すぎるため、実行が非常に遅くなります。したがって、実際の開発では、他のフィルタリング メソッドを優先し、filter() メソッドを最後の手段として使用することをお勧めします。

jQuery has() メソッド

jQuery では、式フィルタリングに filter() メソッドを使用するだけでなく、has() メソッドも使用できます。 has() メソッドは filter() メソッドほど強力ではありませんが、より高速に実行されます。

構文:

$().has(selector)
ログイン後にコピー

パラメータ セレクターはセレクターです。

has() メソッドには filter() メソッドと同様の関数がありますが、has() メソッドはフィルタリングにセレクターのみを使用でき、関数は使用できません。したがって、 has() メソッドは filter() メソッドの合理化されたバージョンと考えることができます。

推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル

以上がjQueryはフィルタリングに何を使用しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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