选择器 | 描述 | 返回 | 示例 |
---|---|---|---|
[attr] | 选取拥有此属性 的元素 |
集合元素 | $("div[id]") 选取拥有属性id的元素 |
[attr=value] | 选取属性值为value的元素 | 集合元素 | $("div[title=test]") 选取属性title为"test"的<div>元素 |
[attr!=value] | 选取属性值不等于value的元素 | 集合元素 | $("div[title!=test]") 选取属性title不等于"test"的<div>元素注意:没有属性title的<div>元素也会被选取 |
[attr^=value] | 选取属性值以value开头的元素 | 集合元素 | $("div[title^=test]") 选取属性title以"test"开始的<div>元素 |
[attr$=value] | 选取属性值以value结尾的元素 | 集合元素 | $("div[title$=test]") 选取属性title以"test"结束的<div>元素 |
[attr*=vlaue] | 选取属性值中含有value的元素 | 集合元素 | $("div[title*=test]") 选取属性title含有"test"的<div>元素 |
[attr|=vlaue] | 选取属性等于给定字符串或以 该字符串为前缀(该字符串后跟一个连字符"-")的元素 |
集合元素 | $("div[title|='en']") 选取属性title等于en或以en为前缀(该字符串后跟一个连字符"-")的元素 |
[attr~=vlaue] | 选取属性用空格分隔的值中包含一个给定值的元素 | 集合元素 | $("div[title~='uk']") 选取属性title用空格分隔的值中包含字符uk的元素 |
[attr1][attr2]… [attrN] |
用属性选择器合并成一个复合属性选择器,满足多个 条件。每选择一次,缩小一次范围 |
集合元素 | $("div[id][title$='test']") 选取拥有属性id,并且属性title以"test"结束的<div>元素 |