首页 > Web开发 > 详细

jquery属性选择器

时间:2015-08-01 00:46:14      阅读:224      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!