jQuery根据属性模糊匹配元素

1.查看带有指定属性的元素:

[attribute]

例如:

$("div[id]")

 

2.查看属性值是某个特定值的元素:

[attribute=value]

例如:

$("input[name='newsletter']").attr("checked", true);

 

 

3.匹配所有不含有指定的属性,或者属性不等于特定值的元素。

[attribute!=value]

  此选择器等价于:not([attr=value])
  要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not([attr=value])

例如:

$("input[name!='newsletter']").attr("checked", true);

 

 

4.匹配给定的属性是以某些值开始的元素

[attribute^=value]

例如:查找所有 name 以 'news' 开始的 input 元素

$("input[name^='news']")

 

 

5.匹配给定的属性是以某些值结尾的元素

[attribute$=value]

例如:查找所有 name 以 'letter' 结尾的 input 元素

$("input[name$='letter']")

 

 

6.匹配给定的属性是以包含某些值的元素

[attribute*=value]

例如:查找所有 name 包含 'man' 的 input 元素

$("input[name*='man']")

 

 

7.复合属性选择器,需要同时满足多个条件时使用。

[selector1][selector2][selectorN]

例如:找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的

$("input[id][name$='man']")

 

posted @ 2018-01-18 21:59  QiaoZhi  阅读(11112)  评论(0)    收藏  举报