Jquery选择器(四) -- Content Filters

[b][size=large]内容过滤器[/size][/b]


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

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

[color=green]text[/color]： String--一个用于搜索的字串，大小写敏感。

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

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

[b][3][color=brown] :has(selector) [/color][/b] [color=blue]Returns: Array<Element(s)>[/color]
[color=olive]说明[/color]：匹配至少包含一个匹配过滤器元素的所有元素。

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

[color=green]selector[/color]： Selector--一个用于过滤的选择器。

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

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

------------------------------------------------------------------------------------------------------------------------------------