jQuery中的通配符选择器使用总结


Posted in Javascript onMay 30, 2016

jquery选择器中的通配符经常用到,大致的用法总结如下:

$("input[id^='code']");//id属性以code开始的所有input标签
$("input[id$='code']");//id属性以code结束的所有input标签
$("input[id*='code']");//id属性包含code的所有input标签
$("input[name^='code']");//name属性以code开始的所有input标签
$("input[name$='code']");//name属性以code结束的所有input标签
$("input[name*='code']");//name属性包含code的所有input标签

使用示例

$("input[name*='code']").each(fuction(){
  var sum=0;
if($(this).val()!=""){
 sum=parseInt(sum)+parseInt($(this).val());
}
$("#").text(sum);
})

使用时注意
关于如下input:

<input type="text" name="code[0]" id="haorooms[0]" />

请不要用

$("#haorooms[0]")

进行选择,这样通常会出现问题,特别是select的时候。要用如下方式

$("input[id^='haorooms']")

  或者
 

$("input[name^='code']")

这样效率上面不如直接ID,但是不会出错,假如上面的name和id都没有后缀[0],那么推荐直接用Id选择器来选择!

Javascript 相关文章推荐
22点关于jquery性能优化的建议
May 28 Javascript
Web打印解决方案之证件套打的实现思路
Aug 29 Javascript
详解js树形控件—zTree使用总结
Dec 28 Javascript
JS表格组件神器bootstrap table使用指南详解
Apr 12 Javascript
Angularjs自定义指令Directive详解
May 27 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
Jan 11 Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
Sep 25 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
JavaScript内置对象math,global功能与用法实例分析
Jun 10 Javascript
如何实现小程序与小程序之间的跳转
Nov 04 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
May 30 #Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 #Javascript
使用jQuery判断浏览器滚动条位置的方法
May 30 #Javascript
JS检测移动端横竖屏的代码
May 30 #Javascript
BootStrap中Tab页签切换实例代码
May 30 #Javascript
js小数计算小数点后显示多位小数的实现方法
May 30 #Javascript
拥Bootstrap入怀——导航栏篇
May 30 #Javascript
You might like
php的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
PHP 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
PHP中把错误日志保存在系统日志中(Windows系统)
2015/06/23 PHP
PHP输入流php://input实例讲解
2015/12/22 PHP
超简单的jquery的AJAX用法
2010/05/10 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
JavaScript定时显示广告代码分享
2015/03/02 Javascript
javascript实现汉字转拼音代码分享
2015/04/20 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
JS检测数组类型的方法小结
2017/03/14 Javascript
vue.js从安装到搭建过程详解
2017/03/17 Javascript
js学习总结_选项卡封装(实例讲解)
2017/07/13 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
详解Vue This$Store总结
2018/12/17 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
Vue 实例事件简单示例
2019/09/19 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
Python中map,reduce,filter和sorted函数的使用方法
2015/08/17 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
python 寻找离散序列极值点的方法
2019/07/10 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
基于python计算滚动方差(标准差)talib和pd.rolling函数差异详解
2020/06/08 Python
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
男女时尚与复古风格在线购物:RoseGal(全球免费送货)
2017/07/19 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
大学生新闻专业个人自我评价
2013/11/12 职场文书
财务部经理岗位职责
2014/02/03 职场文书
教师师德演讲稿
2014/05/06 职场文书
大学生考试作弊被抓检讨书
2014/12/27 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫