1. 程式人生 > >jquery內容過濾選擇器:內容過濾選擇器它是根據元素內部文字內容進行選中。

jquery內容過濾選擇器:內容過濾選擇器它是根據元素內部文字內容進行選中。

1.1. 內容過濾選擇器

內容過濾選擇器它是根據元素內部文字內容進行選中。

:Containstext):匹配包含給定文字的元素

:Empty:匹配所有不包含子元素或者文字的空元素

:Has(selector):匹配含有選擇器所匹配的元素的元素

:addClassL(“類名”):給所有的標籤新增類名

:Parent匹配含有子元素或者文字的元素

示例:

$(function(){

//設定含有文字內容JAVA的div字型顏色為紅色

$("div:contains('JAVA')").css("color","red");

//設定meiyou 子元素的div文字內容為:這是一個空的div

$("div:empty"

).html("這是一個空的div");

//包含<a>元素的div字型顏色為黃色

$("div:has(a)").addClass("divColor");

//設定所有含有子元素的span字型為藍色parent 匹配所有的含有子元素或有文字的元素

$("span:parent").css("color","blue");

});