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