jQuery中的通配符选择器使用总结

更新时间：2016年05月30日 18:12:49 作者：Aaron

通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

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选择器来选择！

您可能感兴趣的文章:

jQuery实现验证年龄简单思路
本文给大家分享的是jQuery实现验证年龄简单思路，让用户填出生年月，然后根据当前时间计算是否小于网站要求的年龄，小于就提示，有需要的小伙伴可以拿去直接使用。
2016-02-02
jQuery validate+artdialog+jquery form实现弹出表单思路详解
在项目需求中有这样一功能：在页面弹出一个form表单，ajax无刷新提交表单，表单需通过验证。下面小编给大家介绍通过jQuery validate+artdialog+jquery form实现弹出表单思路详解，需要的朋友参考下吧
2016-04-04
jQuery结合CSS制作动态的下拉菜单
这篇文章主要介绍了jQuery结合CSS制作一个动态的下拉菜单，下拉菜单可以弥补空间的不足，感兴趣的小伙伴们可以参考一下
2015-10-10
jquery 弹出登录窗口实现代码
结构定义了两个层，一个为半透明的背景层，一个是弹出层主要结构，都设为浮动position:absolute;背景层遮掉所有body内容很容易做到。
2009-12-12
源码解读jQ中浏览器兼容模块support
jquery support主要是检测浏览器兼容性，支持力度的方法，用于展示不同浏览器各自特性和bug的属性集合。作为一个静态成员，提供给jquery内部函数，告诉他们某些功能是否能用。避免了以往通过检测浏览器版本做修改。下面我们通过源码详细解读jQ中浏览器兼容模块support。
2016-08-08
jQuery常用操作方法及常用函数总结
这篇文章主要总结了jQuery 常用操作方法及常用函数,需要的朋友可以参考下
2014-06-06
基于daterangepicker日历插件使用参数注意的问题
下面小编就为大家带来一篇基于daterangepicker日历插件使用参数注意的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
EasyUI 结合JS导出Excel文件的实现方法
下面小编就为大家带来一篇EasyUI 结合JS导出Excel文件的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
解决jQuery ajax请求在IE6中莫名中断的问题
本文主要介绍jQuery ajax请求在IE6中莫名中断问题的解决方法，有需要的朋友可以参考一下。
2016-06-06
基于jQuery实现歌词滚动版音乐播放器的代码
这篇文章主要介绍了基于jQuery实现歌词滚动版音乐播放器的代码,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-09-09