jQuery:has()和jQuery:contains()區別

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沒有括號。