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 相关文章推荐
JS实现根据出生年月计算年龄
Jan 10 Javascript
jquery跟js初始化加载的多种方法及区别介绍
Apr 02 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
jQuery实现带有洗牌效果的动画分页实例
Aug 31 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
Feb 21 Javascript
prototype.js常用函数详解
Jun 18 Javascript
详解JavaScript调用栈、尾递归和手动优化
Jun 03 Javascript
解决$store.getters调用不执行的问题
Nov 08 Javascript
html-webpack-plugin修改页面的title的方法
Jun 18 Javascript
支付宝小程序实现省市区三级联动
Jun 21 Javascript
vue实现tab栏点击高亮效果
Aug 19 Javascript
webpack的移动端适配方案小结
Jul 25 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
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
批量修改RAR文件注释的php代码
2010/11/20 PHP
PHP里的中文变量说明
2011/07/23 PHP
Yii CGridView用法实例详解
2016/07/12 PHP
Laravel框架实现redis集群的方法分析
2017/09/14 PHP
深入研究PHP中的preg_replace和代码执行
2018/08/15 PHP
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
JS+DIV实现的卷帘效果示例
2017/03/22 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
微信小程序仿朋友圈发布动态功能
2018/07/15 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
构建Vue大型应用的10个最佳实践(小结)
2019/11/07 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
node.js基础知识汇总
2020/08/25 Javascript
详解Python利用random生成一个列表内的随机数
2019/08/21 Python
python的数学算法函数及公式用法
2020/11/18 Python
Pycharm 如何一键加引号的方法步骤
2021/02/05 Python
世界上最悠久的自行车制造商:Ribble Cycles
2017/03/18 全球购物
Android笔试题总结
2014/11/29 面试题
介绍一下如何优化MySql
2016/12/20 面试题
生日寿宴答谢词
2014/01/19 职场文书
优秀教师的感人事迹
2014/02/04 职场文书
八年级语文教学反思
2014/02/11 职场文书
中秋节主持词
2014/04/02 职场文书
重大事项社会稳定风险评估方案
2014/06/15 职场文书
质量提升方案
2014/06/16 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
工作调动申请报告
2015/05/18 职场文书
经营场所使用证明
2015/06/19 职场文书
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
用Python生成会跳舞的美女
2022/01/18 Python
python实现会员管理系统
2022/03/18 Python
HTML中link标签属性的具体用法
2023/05/07 HTML / CSS