Jquery選擇器(四) -- Content Filters

內容過濾器


[1]  :contains(text)       Returns: Array<Element(s)>
      說明：匹配包含給定文本的所有元素。      
      

$("div:contains('John')").css("text-decoration", "underline");

$("div:contains('John')").css("text-decoration", "underline");

       text： String--一個用於搜索的字串，大小寫敏感。

[2]  :empty      Returns: Array<Element(s)>
      說明：匹配所有沒有子節點或者沒有文本節點的所有元素。    
      

$("td:empty").text("Was empty!").css('background', 'rgb(255,220,200)');

$("td:empty").text("Was empty!").css('background', 'rgb(255,220,200)');

[3]  :has(selector)       Returns: Array<Element(s)>
      說明：匹配至少包含一個匹配過濾器元素的所有元素。    
      

$("div:has(p)").addClass("test");

$("div:has(p)").addClass("test");

       selector： Selector--一個用於過濾的選擇器。

[4]  :parent      Returns: Array<Element(s)>
      說明：匹配是父節點的所有元素。這些元素有子節點或者文本節點。
      

$("td:parent").fadeTo(1500, 0.3);

$("td:parent").fadeTo(1500, 0.3);