Der Unterschied zwischen den Selektoren jquery :has() und :contains()

jQuery:has() und jQuery:contains() sind ähnlich. Der Unterschied ist:

has wird zur Beurteilung von Tags verwendet

contains wird zur Beurteilung von Text verwendet

1.jQuery:has()

<div><p>Hello</p></div>
<div>Hello again!</div>
$("div:has(p)").addClass("test");
//含有p标签的div标签增加test样式

Hinweis: Anführungszeichen können in den Klammern von has eingefügt oder weggelassen werden.

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样式

Hinweis: Die Klammern in „enthält“ können Anführungszeichen enthalten oder weggelassen werden.

3. jQuery:empty

<div></div>
<div><span></span></div>
<div>span</div>
$(&#39;div:empty&#39;).addClass(&#39;test&#39;);
//给不含任何文本并且不含任何标签的div增加样式test

Anhand verschiedener Inhalte und Attribute können Sie die Attribute, die Sie suchen, genau lokalisieren

Anleitung Nach Inhalt filtern Label?
:enthält Übereinstimmungen mit Elementen, die das angegebene Textelement enthalten

$("div:contains('Jhon')")

:enthält Übereinstimmungen mit Elementen, die das vom Selektor übereinstimmende Element enthalten

$("div:has(p)").addClass("test")       p为标签

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen den Selektoren jquery :has() und :contains(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!