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

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

WBOY

リリース： 2016-05-16 16:14:48

オリジナル

1139 人が閲覧しました

この記事の例では、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 プログラミングに役立つことを願っています。

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