jQuery コンテンツ フィルター セレクターの使用法分析_jquery

この記事の例では、jQuery コンテンツ フィルター セレクターの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

HTML ドキュメントでは、要素のコンテンツはテキストまたはサブ要素にすることができます。特定のセレクターまたはコンテンツ フィルター セレクターを一緒に使用すると、クエリされた要素から特定の

を持つ要素をさらに除外できます。

テキストまたはサブ要素要素

1. :contains() セレクター

は、指定されたテキストを含むすべての要素を選択するために使用されます。形式:

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

$( "selector1:contains(text)")

例:

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

$("p:contains('text ')") .css("背景", "#FCF");

2. :has() セレクター

は、指定されたサブ要素を含む要素をフィルターするために使用されます。形式:

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

$(" selector1:has(selector2)")

selector1 と selector2 は任意の有効な要素です

例:

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

$("li:has(p) ").css ("背景", "赤");

3. :empty() セレクター

形式:

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

$("selector:empty")

が使用されます。子要素またはテキストを含まないすべての要素を選択します。子要素またはテキストを含まないセレクター内のすべての空の要素がクエリ結果に含まれます

例:

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

$("td:empty")。 css("背景 ", "#FCF");

4. :親セレクター

形式:

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

$("selector:parent")

が使用されます。 子要素またはテキストを含む要素を選択します。これは、空のセレクター の反対です。

例:

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

$("td:parent")。 css("背景 ", "#FCF");

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