jquery属性选择器

Posted 2020-08-04

jQuery( "[attribute|=‘value‘]" )

选择指定属性值等于给定字符串或以该字符串为前缀（该字符串后跟一个连字符“-” ）的元素。

eg:

$("div[name|=‘username‘]").css("border","1px solid red");

 

jQuery( "[attribute*=‘value‘]" )

选择指定属性具有包含一个给定的子字符串的元素。

eg:

$("div[name*=‘n‘]").css("color","blue");   包含关系

 

jQuery( "[attribute~=‘value‘]" )

选择指定属性用空格分隔的值中包含一个给定值的元素。

eg:   <span name="user name">属性user name</span>

$("span[name~=‘user‘]").css("color","blue");  name 属性必须包含有空格，检索的时候必须以空格间隔的块，为整体检索。（name="user name ids"，可以用user,name,ids检索，不能以use或者id检索）

 

jQuery( "[attribute$=‘value‘]" )

选择指定属性是以给定值结尾的元素。这个比较是区分大小写的。

eg:

$("span[name$=‘ids‘]").css("color","blue");     

 

jQuery( "[attribute=‘value‘]" )

选择指定属性是给定值的元素

eg:

$("span[name=‘usersex‘]").css("color","blue");

 

jQuery( "[attribute!=‘value‘]" )

选择不存在指定属性，或者指定的属性值不等于给定值的元素。

eg:

$("span[name!=‘user name ids‘]").css("color","blue");

 

jQuery( "[attribute^=‘value‘]" )

选择指定属性是以给定字符串开始的元素

eg:

$("span[name!=‘user‘]").css("border","1px solid gray");

 

jQuery( "[attribute]" )

选择所有具有指定属性的元素，该属性可以是任何值。

eg:

$("span[name]").css("color","blue");

 

jQuery( "[attributeFilter1][attributeFilter2][attributeFilterN]" )

选择匹配所有指定的属性筛选器的元素

eg:

$("span[name][name=‘usersex‘]").css("border","2px solid pink");