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 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
js读取csv文件并使用json显示出来
Jan 09 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
Apr 13 Javascript
深究AngularJS中$sce的使用
Jun 12 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
Oct 17 Javascript
Vue中如何实现proxy代理
Apr 20 Javascript
vue component 中引入less文件报错 Module build failed
Apr 17 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
Nov 07 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 Javascript
Vue 列表页带参数进详情页的操作(router-link)
Nov 13 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
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
php通过function_exists检测函数是否存在的方法
2015/03/18 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
Yii框架多语言站点配置方法分析【中文/英文切换站点】
2020/04/07 PHP
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
2007/01/22 Javascript
PHP守护进程实例
2015/03/06 Javascript
jQuery Validate初步体验(一)
2015/12/12 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
2020/06/17 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
python3音乐播放器简单实现代码
2020/04/20 Python
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
Python 实现某个功能每隔一段时间被执行一次的功能方法
2018/10/14 Python
int在python中的含义以及用法
2019/06/27 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
Python内置函数property()如何使用
2020/09/01 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
CSS3 实现的缩略图悬停效果
2020/12/09 HTML / CSS
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
英文翻译的自我评价语句
2013/10/04 职场文书
小区停车场管理制度
2014/01/27 职场文书
贯彻学习两会心得体会范文
2014/03/17 职场文书
电钳工人个人求职信
2014/05/10 职场文书
物流管理专业自荐信
2014/06/23 职场文书
护士自荐信范文
2015/03/25 职场文书
2015年出纳工作总结与计划
2015/05/18 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
观后感的写法
2015/06/19 职场文书
围城读书笔记
2015/06/26 职场文书
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python