码迷,mamicode.com
首页 > Web开发 > 详细

jquery属性选择器

时间:2016-08-28 23:43:10      阅读:2059      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!