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优缺点分析说明
Jun 09 Javascript
Dom在ajax技术中的作用说明
Oct 25 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
Jun 30 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
JS模拟并美化的表单控件完整实例
Aug 19 Javascript
Bootstrap每天必学之导航
Nov 26 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
Sep 04 Javascript
原生js实现焦点轮播图效果
Jan 12 Javascript
Node 使用express-http-proxy 做api网关的实现
Oct 15 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 Memcached应用实现代码
2010/02/08 PHP
深入理解ob_flush和flush的区别(ob_flush()与flush()使用方法)
2013/02/06 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
js传值 判断
2006/10/26 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
2011/10/04 Javascript
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
基于JavaScript 类的使用详解
2013/05/07 Javascript
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
理解Javascript闭包
2013/11/01 Javascript
js报$ is not a function 的问题的解决方法
2014/01/20 Javascript
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
js实现遮罩层弹出框的方法
2015/01/15 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
使用jQuery调用XML实现无刷新即时聊天
2016/08/07 Javascript
bootstrap IE8 兼容性处理
2017/03/22 Javascript
自定义事件解决重复请求BUG的问题
2017/07/11 Javascript
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
Angular网络请求的封装方法
2018/05/22 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
2019/05/30 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
2020/03/23 Javascript
使用python编写android截屏脚本双击运行即可
2014/07/21 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
python中文乱码不着急,先看懂字节和字符
2017/12/20 Python
python实现周期方波信号频谱图
2018/07/21 Python
python实现列表的排序方法分享
2019/07/01 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
PyCharm2020最新激活码+激活码补丁(亲测最新版PyCharm2020.2激活成功)
2020/11/25 Python
Python绘图实现台风路径可视化代码实例
2020/10/23 Python
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
双立人加拿大官网:Zwilling加拿大
2020/08/10 全球购物
Linux Interview Questions For software testers
2012/06/02 面试题
医学专业大学生求职的自我评价
2013/11/27 职场文书
PHP基本语法
2021/03/31 PHP