jQuery:has()和jQuery:contains()及jQuery:empty

jQuery:has()和jQuery:contains()两个方法比较类似。不同点在于：

• has是判断标签的
• contains是判断文本的

1、jQuery:has()

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

注：has中的括号里可以含引号也可以省略。

2、jQuery:contains()

1. <div>JohnResig</div>
2. <div>GeorgeMartin</div>
3. <div>MalcomJohnSinclair</div>
4. <div>J.Ohn</div>
5. $("div:contains('John')").addClass('test');
6. //给含有John文本的div标签增加test样式

注：contains中的括号里可以含引号也可以省略。

3、jQuery:empty

1. <div></div>
2. <div><span></span></div>
3. <div>span</div>
4. $('div:empty').addClass('test');
5. //给不含任何文本并且不含任何标签的div增加样式test

注：empty没有括号。

【完】

 

文章来源（前端博客）

文章标题：《jQuery:has()和jQuery:contains()及jQuery:empty》