jQuery属性过滤选择器
2012-12-30 21:34
411 查看
属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。
[attribute] 选取用次属性的元素
[attribute=value] 选取属性值为value的元素
[attribute!=value] 选取属性值不等于value的元素
[attribute^=value] 选取属性值以value开始的元素
[attribute$=value] 选取属性值以value结束的元素
[attribute*=value] 选取属性值含有value结束的元素
[attribute|=value] 选取属性等于给定字符串或以该字符串为前缀(该字符串后跟一个连接字符“-”)的元素
[attribute~=value] 选取属性用空格分隔的值中包含一个给定值的元素
[attribute1][attribute2][attributeN] 用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,缩小一次范围。
示例
$("div[id]") 选取拥有此属性id的元素
$("div[title=test]") 选取属性title为"test"的<div>元素
$("div[title!=test]") 选取属性title不等于"test"的<div>的元素(注意没有属性title的<div>元素也会被选取)
$("div[title^=test]") 选取属性title以"test"开始的<div>元素
$("div[title$=test]") 选取属性以"test"结束的<div>元素
$("div[title*=test]") 选取属性title含有"test"的<div>元素
$("div[title|="en"]") 选取属性title等于en或者以en为前缀(该字符串后跟一个连字符‘-’)的元素
$("div[title~="uk"]") 选取属性title用空格分隔的值中包含字符串uk的元素
$("div[id][title$='test']") 选取拥有属性id,并且属性title以"test"结束的<div>元素
[attribute] 选取用次属性的元素
[attribute=value] 选取属性值为value的元素
[attribute!=value] 选取属性值不等于value的元素
[attribute^=value] 选取属性值以value开始的元素
[attribute$=value] 选取属性值以value结束的元素
[attribute*=value] 选取属性值含有value结束的元素
[attribute|=value] 选取属性等于给定字符串或以该字符串为前缀(该字符串后跟一个连接字符“-”)的元素
[attribute~=value] 选取属性用空格分隔的值中包含一个给定值的元素
[attribute1][attribute2][attributeN] 用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,缩小一次范围。
示例
$("div[id]") 选取拥有此属性id的元素
$("div[title=test]") 选取属性title为"test"的<div>元素
$("div[title!=test]") 选取属性title不等于"test"的<div>的元素(注意没有属性title的<div>元素也会被选取)
$("div[title^=test]") 选取属性title以"test"开始的<div>元素
$("div[title$=test]") 选取属性以"test"结束的<div>元素
$("div[title*=test]") 选取属性title含有"test"的<div>元素
$("div[title|="en"]") 选取属性title等于en或者以en为前缀(该字符串后跟一个连字符‘-’)的元素
$("div[title~="uk"]") 选取属性title用空格分隔的值中包含字符串uk的元素
$("div[id][title$='test']") 选取拥有属性id,并且属性title以"test"结束的<div>元素
相关文章推荐
- Jquery选择器之可见性选择器、属性过滤选择器
- jQuery表单对象属性过滤选择器实例详解
- 【11】jQuery学习——入门jQuery选择器之过滤选择器-表单对象属性过滤选择器
- jQuery之属性过滤选择器
- jQuery选择器——属性过滤选择器
- jquery属性过滤选择器
- jQuery选择器之属性过滤选择器详解
- jquery属性过滤选择器 模糊查询
- jQuery选择器之过滤选择器之属性过滤选择器
- jquery表单对象属性过滤选择器
- jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)
- jquery属性过滤选择器使用示例
- jquery选择器之属性过滤选择器
- jquery:内容过滤选择器和属性过滤选择器
- jquery选择器之属性过滤选择器详解
- jquery属性过滤选择器
- jQuery选择器之表单对象属性过滤选择器Demo
- 2015-07-21 JQuery 第一课(JQ选择器:ID,类,特殊,奇偶ODD\event,eq,nth-child,子元素,包含,位置,属性,过滤)
- jquery 属性过滤选择器
- jQuery之子属性过滤选择器