首页 > Web开发 > 详细

jquery属性选择器

时间:2016-08-28 23:42:08      阅读:198      评论:0      收藏:0      [点我收藏+]

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");

jquery属性选择器

原文:http://www.cnblogs.com/ranyinchun/p/5816167.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!