A-A+
jQuery中has()和contains()及empty用法介绍
本文章为各位介绍jQuery中has()和contains()及empty用法了，这三个方法我相信各位用到的最多的估计是第一个和最后一个，中间函数估计不知道吧，下面我们一起来看看has()和contains()及empty用法。
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
注:empty没有括号。