Maison  >  Article  >  interface Web  >  La différence entre les sélecteurs jquery :has() et :contains()

La différence entre les sélecteurs jquery :has() et :contains()

黄舟
黄舟original
2017-06-23 11:14:302024parcourir

jQuery:has() et jQuery:contains() sont similaires. La différence est :

has est utilisé pour juger les balises

contains est utilisé pour juger le texte

1 jQuery:has()

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

. Remarque : Les guillemets peuvent être inclus ou omis entre parenthèses entre 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样式

Remarque : Les crochets entre contain peuvent contenir des guillemets ou être omis.

3. jQuery:empty

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

Selon différents contenus et attributs, vous pouvez localiser avec précision les attributs dont vous avez besoin pour trouver

Comment faire filtrer en fonction du contenu Étiquette ?
 : contient des éléments de correspondance qui contiennent l'élément de texte donné

$("div:contains(&#39;Jhon&#39;)")

 : a des éléments de correspondance qui contiennent l'élément correspondant par le sélecteur

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn