jQuery根据属性或属性值获取元素的几种选择器

根据属性获取元素

例如要获取div中含有class属性的元素。

$("div[class]")

根据属性值获取元素

在选择元素的时候使用[attribute$=value],匹配给定的属性是以某些值结尾的元素。
HTML代码

<input name="username" /> 
<input name="password" /> 
<input name="newpassword" /> 

jQuery代码

$("input[name$='password']") 

以上代码将获取页面上所有以password结尾的input元素。

<input name="password" /> 
<input name="newpassword" /> 

根据属性值获取不含指定属性或属性值的元素

[attribute!=value],匹配所有不含有指定的属性,或者属性不等于特定值的元素,此选择器与not([attr=value])等价。
HTML代码

<input type="radio" name="sex" value="female" /> 
<input type="radio" name="sex" value="male" /> 
<input type="radio" name="address" value="guangzhou" /> 

jQuery代码

$("input[name!='sex']").attr("checked", true); 

以上代码将获取到页面上所有name属性不为sex的input元素,并且将其checked属性设置为true。

 <input type="radio" name="address" value="guangzhou" checked="true" /> 

根据属性值获取给定属性包含指定属性值的元素

[attribute*=value],匹配给定的属性是以包含某些值的元素。
HTML代码

<input name="username" /> 
<input name="userpwd" /> 
<input name="stepuser" />
<input name="password" />

jQuery代码

$("input[name*='user']") 

以上代码将获取到页面上所有name属性中属性值中包含user的元素。

<input name="username" /> 
<input name="userpwd" /> 
<input name="stepuser" />

根据属性值获取以指定值开始的元素

[attribute^=value],匹配给定的属性是以某些值开始的元素。
HTML代码

<input name="username" /> 
<input name="userpwd" /> 
<input name="stepuser" />

jQuery代码

$("input[name^='user']") 

以上代码将获取到页面上所有name属性中属性值中以user开头的元素。

<input name="username" /> 
<input name="userpwd" /> 

版权声明:本文为qq_29645505原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。