jQuery選擇器——內容過濾選擇器

changuncle發表於2017-07-31

前一章介紹了基本過濾選擇器,今天我們學習一下jQuery的內容過濾選擇器。

一、:contains(text)

選擇器::contains(text)
描述:匹配包含給定文字的元素
返回值:元素集合
示例:

$("div.mini:contains('div')")//div.mini是DOM元素集合,:contains('div')是過濾條件

二、:has(selector)

選擇器::has(selector)
描述:匹配含有選擇器所匹配的元素的元素
返回值:元素集合
示例:

$("div.mini:has(p)")//div.mini是DOM元素集合,:has(p)是過濾條件

三、:empty

選擇器::empty
描述:匹配所有不包含子元素或者文字的空元素
返回值:元素集合
示例:

$("div.item:empty")//div.item是DON元素集合,:empty是過濾條件

四、:parent

選擇器::parent
描述:匹配含有子元素或者文字的元素
返回值:元素集合
示例:

$("div.item:parent")//div.item是DOM元素集合,:parent是過濾條件

相關文章