ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryのコンテンツフィルタリングセレクタの詳細解説 selector_jquery

jqueryのコンテンツフィルタリングセレクタの詳細解説 selector_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 17:02:20
オリジナル
1329 人が閲覧しました

まず、DOM 要素の HTML 構造を記述します:

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



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

John辞任
ジョージ・マーティン
マルコム・ジョン・シンクレア
J・オーン

;div>



1. :contains(text)
テキストコンテンツ「text」を持つ要素を選択しますコードをコピーします

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

$("div:contains('John')").addClass("highlight") //「John」を含むすべての div 要素を検索します


2. :empty
子要素やテキストを含まない空の要素を選択しますChrome ブラウザを使用して要素を検査し、空の div のクラス スタイルが変更されていることがわかりますコードをコピー

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

$("div:empty").addClass("highlight ");


3. :has(セレクター)
セレクターで一致した要素を含む要素を選択します コードをコピーします

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

$("div:has(p)").addClass("highlight") ; // p を含むすべての div 要素を検索します



4. :parent
子要素またはテキストを含む要素タグを選択 コードをコピー

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

$("div:parent").addClass("highlight") //子要素またはテキストを含むすべての div 要素を検索します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
jQueryファイルをインポートする
から 1970-01-01 08:00:00
0
0
0
jQueryのプロトタイプチェーン
から 1970-01-01 08:00:00
0
0
0
Nuxt.js に jQuery をインストールする手順
から 1970-01-01 08:00:00
0
0
0
php+jqueryの問題
から 1970-01-01 08:00:00
0
0
0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート