jquery :has() セレクターと :contains() セレクターの違い

黄舟
リリース: 2017-06-23 11:14:30
オリジナル
1975 人が閲覧しました

jQuery:has() と jQuery:contains() は 2 つの似たメソッドです。違いは次のとおりです:

has はタグの判断に使用されます

contains はテキストの判断に使用されます

1. jQuery:has()

<div><p>Hello</p></div>
<div>Hello again!</div>
$("div:has(p)").addClass("test");
//含有p标签的div标签增加test样式
ログイン後にコピー

注: has 内の括弧は引用符を含めることも、省略することもできます。

2. jQuery:contains()

<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>
$("div:contains(&#39;John&#39;)").addClass(&#39;test&#39;);
//给含有John文本的div标签增加test样式
ログイン後にコピー

注: contains のかっこには引用符を含めることも、省略することもできます。

3. jQuery:empty

<div></div>
<div><span></span></div>
<div>span</div>
$(&#39;div:empty&#39;).addClass(&#39;test&#39;);
//给不含任何文本并且不含任何标签的div增加样式test
ログイン後にコピー

さまざまなコンテンツと属性に従って、検索する必要のある属性を正確に見つけることができます

コンテンツに基づいてタグをフィルタリングするにはどうすればよいですか?

:contains 指定されたテキスト要素を含む要素と一致します

$("div:contains(&#39;Jhon&#39;)")
ログイン後にコピー

:has セレクターによって一致する要素を含む要素と一致します


$("div:has(p)").addClass("test")       p为标签
ログイン後にコピー

以上がjquery :has() セレクターと :contains() セレクターの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!