Jquery选择器(六) -- Attribute Filters

[b][size=large]属性过滤器[/size][/b]

[b]注意[/b]：在jQuery1.3中，[@attr] 形式的选择器已被移除(它们在1.2版本中被弃用)。为了使它们能够继续使用，你只要简单的将选择器中的"@"符号删除。

[b][1][color=brown] [attribute][/color][/b] [color=blue]Returns: Array<Element(s)>[/color]
[color=olive]说明[/color]： 匹配给定属性的所有元素。注意：自从版本1.2起，属性名前的"@"符号被弃用。

$("div[id]").one("click", function(){
   var idString = $(this).text() + " = " + $(this).attr("id");
   $(this).text(idString);
});

[color=green]attribute[/color]： String--一个属性名。

[b][2][color=brown] [attribute=value][/color][/b] [color=blue]Returns: Array<Element(s)>[/color]
[color=olive]说明[/color]： 匹配给定带有确定值的属性的所有元素。

$("input[name='newsletter']").next().text(" is newsletter");

[color=green]attribute[/color]： String--一个属性名。
[color=green]value[/color]： String--一个属性值。属性值的引号在大多数情况下是可选的。但如果值中包含像"]"的字符，必需使用引号来避免冲突。用变量的话可以使用如下语法：[name='''+MyVar+ ''']

[b][3][color=brown] [attribute!=value] [/color][/b] [color=blue]Returns: Array<Element(s)>[/color]
[color=olive]说明[/color]： 匹配没有指定的属性或给定不带确定值的属性的所有元素。

$("input[name!=newsletter]").next().append("<b>; not newsletter</b>");

[color=green]attribute[/color]： String--一个属性名。
[color=green]value[/color]： String--一个属性值。属性值的引号在大多数情况下是可选的。但如果值中包含像"]"的字符，必需使用引号来避免冲突。用变量的话可以使用如下语法：[name='''+MyVar+ ''']

[b][4][color=brown] [attribute^=value][/color][/b] [color=blue]Returns: Array<Element(s)>[/color]
[color=olive]说明[/color]： 匹配属性值以value字串开始属性的所有元素。

$("input[name^='news']").val("news here!");

[color=green]attribute[/color]： String--一个属性名。
[color=green]value[/color]： String--一个属性值。属性值的引号在大多数情况下是可选的。但如果值中包含像"]"的字符，必需使用引号来避免冲突。用变量的话可以使用如下语法：[name='''+MyVar+ ''']

[b][5][color=brown] [attribute$=value][/color][/b] [color=blue]Returns: Array<Element(s)>[/color]
[color=olive]说明[/color]： 匹配属性值以value字串结束的属性的所有元素。

$("input[name$='letter']").val("a letter");

[color=green]attribute[/color]： String--一个属性名。
[color=green]value[/color]： String--一个属性值。属性值的引号在大多数情况下是可选的。但如果值中包含像"]"的字符，必需使用引号来避免冲突。用变量的话可以使用如下语法：[name='''+MyVar+ ''']

[b][6][color=brown] [attribute[size=medium]*[/size]=value][/color][/b] [color=blue]Returns: Array<Element(s)>[/color]
[color=olive]说明[/color]： 匹配属性值中包含value字串的属性的所有元素。

$("input[name*='man']").val("has man in it!");

[color=green]attribute[/color]： String--一个属性名。
[color=green]value[/color]： String--一个属性值。属性值的引号在大多数情况下是可选的。但如果值中包含像"]"的字符，必需使用引号来避免冲突。用变量的话可以使用如下语法：[name='''+MyVar+ ''']


[b][7][color=brown] [attributeFilter1][attributeFilter2][attributeFilterN] [/color][/b] [color=blue]Returns: Array<Element(s)>[/color]
[color=olive]说明[/color]： 匹配符合所有给定属性过滤器的所有元素。

$("input[id][name$='man']").val("only this one");

[color=green]attributeFilter1[/color]： Selector--一个属性过滤器。
[color=green]attributeFilter2[/color]： Selector--另一个属性值。
[color=green]attributeFilterN[/color]： Selector--按需要设定任意个过滤器。


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