Maison > Article > interface Web > La différence entre les sélecteurs jquery :has() et :contains()
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('John')").addClass('test'); //给含有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> $('div:empty').addClass('test'); //给不含任何文本并且不含任何标签的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('Jhon')")
: 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!