jQuery属性过滤选择器
选择器 描述 返回 示例
[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>元素