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>JohnResig</div>
- <div>GeorgeMartin</div>
- <div>MalcomJohnSinclair</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
注:empty没有括号。
【完】
文章来源(前端博客)