ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでの複合セレクターの簡単な使用例

jQueryでの複合セレクターの簡単な使用例

亚连
亚连オリジナル
2018-05-28 10:12:581189ブラウズ

この記事では、主に jQuery の複合セレクターの簡単な使用法を紹介し、jQuery の複合セレクターの概念、機能、アプリケーション シナリオ、および関連する使用方法を例の形式で分析します。 jQuery の例と複合セレクターの簡単な使用法。参考のために皆さんと共有してください。詳細は次のとおりです:

はじめに複合セレクターは、複数のセレクター (ID セレクター、要素選択、またはクラス名セレクターにすることができます) を 2 つ組み合わせます。セレクターはカンマで区切られます。 ","。いずれかのフィルター条件が満たされる限り、それらは一致します。コレクションの形式で設定された jQuery オブジェクトは、jQuery インデクサーを使用して取得できます。

複数の一致条件を持つセレクターは、これらのセレクターの一致条件を同時に満たす要素とは一致しません。代わりに、各セレクターによって一致した要素が結合されて一緒に返されます。

複合セレクターの使用方法は次のとおりです:


$(" selector1,selector2,selectorN");

selector1

: ID セレクター、要素なしセレクター、クラス名セレクターなどの有効なセレクターです。

selector2

: これは別の有効なセレクターであり、ID セレクター、要素なしセレクター、またはクラス名セレクターにすることができます。

selectorN

: (オプション) は、ID セレクター、要素のないセレクター、クラス名セレクターなどの任意の数のセレクターです。 たとえば、CSS クラス myClass を使用してドキュメント内のすべての 45a2772a6b6107b401db3c9b82c049c2 タグと e388a4556c0f65e1904146cc1a846bee タグをクエリするには、次の jQuery コードを使用できます。

3 つの異なる要素をページに追加し、スタイルを均一に設定します。複合セレクターを使用して、e388a4556c0f65e1904146cc1a846bee 要素と id 属性値が span である要素をフィルターし、それらに新しいスタイルを追加します。

3つのコード

$("span,p.myClass");

4つの実行結果

上記は私が将来皆さんに役立つことを願っています。

関連記事:

vueでコード仕様の検出を削除する2つの方法

Vueプロジェクトがeslint検証をオフにする

不規則な多次元配列の走査を実装するJSメソッド



以上がjQueryでの複合セレクターの簡単な使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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