根据属性获取元素
例如要获取 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" />
来源: http://www.jianshu.com/p/62fb47075569