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

jquery属性选择器

时间:2015-08-01 00:48:29      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

<body>
<div id="div1" class="box1 box2" title="hello" >aaaaa</div>
<input type="text" value="123_444">
<input type="text" value="456_555">
<input type="text" value="123_555">
</body>

$(‘input[value]‘)//选出带有value属性的input

$(‘input[value=123]‘)选出value为123的input

$(‘input[value^=123]‘)  value值开头为123的input

$(‘input[value$=555]‘) value值末尾为555的input

$(‘input[value*=333]‘) value值包含3的input

$(‘input[name~="man"]‘)name值以空白字符分开之后的单词里面有man的input,例如:<input name="milk man" />

$(‘input[name!="newsletter"]‘)  name不等于newsletter的input,但是这个属性选择器是jquery延伸出来的一个选择器,并不是css的规范,使用[name!="value"]并不能充分利用原生dom的queryselectorAll方法来提高性能,所以为了提高现代浏览器的性能,可以使用$().not(‘name!="value"‘)代替

jquery属性选择器

标签:

原文地址:http://www.cnblogs.com/toodeep/p/4693458.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!