A-A+

jQuery中has()和contains()及empty用法介绍

2016年01月11日 web前端设计 暂无评论 阅读 5 views 次

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

含有p标签的div标签增加test样式

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

2、jQuery:contains()

  1. <div>John Resig</div>  
  2. <div>George Martin</div>  
  3. <div>Malcom John Sinclair</div>  
  4. <div>J. Ohn</div>  
  5. $("div:contains('John')").addClass('test');  

给含有John文本的div标签增加test样式

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

3、jQuery:empty

  1. <div></div>  
  2. <div><span></span></div>  
  3. <div>span</div>  
  4. $('div:empty').addClass('test');  

给不含任何文本并且不含任何标签的div增加样式test

注:empty没有括号。

标签:

给我留言