jquery属性选择器
2015-07-31 23:43
603 查看
<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"')代替
<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 click点击事件重复执行多次
- 【js与jquery】订单提交页发送短信功能
- B\S备忘录24——Jquery原理简单作死向分析
- jQuery选择器和事件
- jquery全局变量---同步请求设置
- jquery如何获得ckeditor编辑器的值
- jQueryEasyUI Messager基本使用
- jquery bind、delegate、live、on的区别及联系
- 关于JS、JQuery、CSS的小知识点
- JQuery详解一
- jQuery学习之工具
- jquery tmpl 详解
- Lightbox图片放大插件,jQuery弹出层放大插件
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- jquery通过id或name获取标签的值,以及简单的js正则表达式(笔记)
- [JQuery学习笔记]——之二
- jquery 倒计时
- jQuery 插件集锦——《导航篇》
- jQuery选择器和事件
- jquery弹出层,带朦胧层。