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的逻辑运算符 ||
May 31 Javascript
Google 静态地图API实现代码
Nov 19 Javascript
读jQuery之五(取DOM元素)
Jun 20 Javascript
Javascript字符串对象的常用方法简明版
Jun 26 Javascript
PHP+jQuery+Ajax实现多图片上传效果
Mar 14 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
VUE-cli3使用 svg-sprite-loader
Oct 20 Javascript
js核心基础之构造函数constructor用法实例分析
May 11 Javascript
vue登录注册实例详解
Sep 14 Javascript
Vuex模块化应用实践示例
Feb 03 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 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/04/09 欧美动漫
PHP检测移动设备类mobile detection使用实例
2014/04/14 PHP
PHPThumb图片处理实例
2014/05/03 PHP
php实现在服务器上创建目录的方法
2015/03/16 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
2011/10/24 Javascript
JS对象转换为Jquery对象示例
2014/01/26 Javascript
javascript数组详解
2014/10/22 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
微信小程序 获取相册照片实例详解
2016/11/16 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
vue实现a标签点击高亮方法
2018/03/17 Javascript
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
2018/09/25 Javascript
JS跨域请求的问题解析
2018/12/03 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
Python实现新浪博客备份的方法
2016/04/27 Python
Python实现excel转sqlite的方法
2017/07/17 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
简单易懂Pytorch实战实例VGG深度网络
2019/08/27 Python
关于sys.stdout和print的区别详解
2019/12/05 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
详解Django中异步任务之django-celery
2020/11/05 Python
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
EJB timer的种类
2014/10/28 面试题
视光学专业毕业生推荐信
2013/10/28 职场文书
外贸实习生自荐信范文
2013/11/24 职场文书
优秀技术工人先进材料
2014/02/17 职场文书
幼儿园优秀班主任事迹材料
2014/05/14 职场文书
国庆促销活动总结
2014/08/29 职场文书
2014年保险公司工作总结
2014/11/22 职场文书
2014年标准化工作总结
2014/12/17 职场文书
会计求职简历自我评价
2015/03/10 职场文书
金陵十三钗观后感
2015/06/04 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python