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弹性滑动导航菜单实现思路及代码
May 02 Javascript
jQuery异步验证用户名是否存在示例代码
May 21 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 Javascript
JS表格组件神器bootstrap table详解(强化版)
May 26 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
May 26 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
JS实现按钮颜色切换效果
Sep 05 Javascript
React组件中的this的具体使用
Feb 28 Javascript
完美解决axios在ie下的兼容性问题
Mar 05 Javascript
解决js中的setInterval清空定时器不管用问题
Nov 17 Javascript
javascript canvas实现雨滴效果
Jun 09 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生成无限栏目树
2017/03/16 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
解析URI与URL之间的区别与联系
2013/11/22 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
jquery实现的淡入淡出下拉菜单效果
2015/08/25 Javascript
jquery实现图片平滑滚动详解
2017/03/22 jQuery
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
[45:34]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.18
2020/12/19 DOTA
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
python中sys.argv参数用法实例分析
2015/05/20 Python
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
详解用python写网络爬虫-爬取新浪微博评论
2019/05/10 Python
深入浅析Python中的迭代器
2019/06/04 Python
python opencv 图像拼接的实现方法
2019/06/27 Python
python实现图片二值化及灰度处理方式
2019/12/07 Python
简单介绍django提供的加密算法
2019/12/18 Python
最小二乘法及其python实现详解
2020/02/24 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
python 多线程死锁问题的解决方案
2020/08/25 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大
2012/12/10 HTML / CSS
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
军训生自我鉴定范文
2013/12/27 职场文书
应届毕业生简历自我评价
2014/01/31 职场文书
访谈节目策划方案
2014/05/15 职场文书
涨价通知怎么写
2015/04/23 职场文书
校园环境卫生倡议书
2015/04/29 职场文书
2015年库房管理工作总结
2015/10/14 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书