jquery:has()和jquery:contains()两个方法比较类似。不同点在于：
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('John')").addClass('test');
//给含有John文本的div标签增加test样式注：contains中的括号里可以含引号也可以省略。
3、jQuery:empty
<div></div>
<div><span></span></div>
<div>span</div>
$('div:empty').addClass('test');
//给不含任何文本并且不含任何标签的div增加样式test根据不同的内容和属性可以准确定位到需要找的属性
如何根据内容筛选标签？
:contains 匹配包含给定的文本元素
$("div:contains('Jhon')"):has 匹配含有选择器所匹配的元素的元素
$("div:has(p)").addClass("test") p为标签以上就是jquery :has()和:contains()选择器两者之间的区别的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
581
收藏
