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 相关文章推荐
jQuery 前的按键判断代码
Mar 19 Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 Javascript
Jquery实现简单的动画效果代码
Mar 18 Javascript
JavaScript中“+”的陷阱深刻理解
Dec 04 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
vue实现可增删查改的成绩单
Oct 27 Javascript
AngularJS中filter的使用实例详解
Aug 25 Javascript
vue-cli配置环境变量的方法
Jul 09 Javascript
vue.js仿hover效果的实现方法示例
Jan 28 Javascript
vue实现全匹配搜索列表内容
Sep 26 Javascript
node.js express捕获全局异常的三种方法实例分析
Dec 27 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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
怎么使 Mysql 数据同步
2006/10/09 PHP
强烈推荐:php.ini中文版(2)
2006/10/09 PHP
php开启openssl的方法
2014/05/15 PHP
thinkphp特殊标签用法概述
2014/11/24 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
jquery解决图片路径不存在执行替换路径
2013/02/06 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
2013/04/02 Javascript
javascript中声明函数的方法及调用函数的返回值
2014/07/22 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
js实现漫天星星效果
2017/01/19 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
JavaScript常用工具方法封装
2019/02/12 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
微信小程序onShareTimeline()实现分享朋友圈
2021/01/07 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——LGD
2018/04/04 DOTA
[00:19]CN DOTA NEVER DIE!VG夺冠rOtK接受采访
2019/12/23 DOTA
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
Python2实现的LED大数字显示效果示例
2017/09/04 Python
PyTorch读取Cifar数据集并显示图片的实例讲解
2018/07/27 Python
Python 画出来六维图
2019/07/26 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
基于Jquery和Css3代码制作可以缩放的搜索框
2015/11/19 HTML / CSS
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
彪马英国官网:PUMA英国
2019/02/11 全球购物
中科创达面试题
2016/12/28 面试题
办公室文秘自我鉴定
2013/09/21 职场文书
车间班组长岗位职责
2013/11/13 职场文书
幼儿园父亲节活动方案
2014/03/11 职场文书
学习方法演讲稿
2014/05/10 职场文书
党员群众路线整改措施及今后努力方向
2014/10/28 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
Python中for后接else的语法使用
2021/05/18 Python