Jquery选择器(四) -- Content Filters

内容过滤器


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

Js代码

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

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

       text： String--一个用于搜索的字串，大小写敏感。

[2]  :empty      Returns: Array<Element(s)>
      说明：匹配所有没有子节点或者没有文本节点的所有元素。    
      

Js代码

1. $("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)>
      说明：匹配至少包含一个匹配过滤器元素的所有元素。    
      

Js代码

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

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

       selector： Selector--一个用于过滤的选择器。

[4]  :parent      Returns: Array<Element(s)>
      说明：匹配是父节点的所有元素。这些元素有子节点或者文本节点。
      

Js代码

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

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