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 ui(接口)介绍
Sep 17 Javascript
表单切换,用回车键替换Tab健(不支持IE)
Jul 20 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
javacript获取当前屏幕大小
Jun 04 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
Jun 28 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
Jul 05 Javascript
JS创建对象的写法示例
Nov 04 Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
vue 修改 data 数据问题并实时显示操作
Sep 07 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面向对象全攻略 (十) final static const关键字的使用
2009/09/30 PHP
php中常用字符串处理代码片段整理
2011/11/07 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
2018/08/21 PHP
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
2013/07/03 Javascript
jquery实现背景墙聚光灯效果示例分享
2014/03/02 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
2016/11/13 Javascript
vue2的todolist入门小项目的详细解析
2017/05/11 Javascript
微信小程序表单验证错误提示效果
2017/05/19 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
layer弹出子iframe层父子页面传值的实现方法
2018/11/22 Javascript
vue video和vue-video-player实现视频铺满教程
2020/10/30 Javascript
JavaScript 声明私有变量的两种方式
2021/02/05 Javascript
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
Python中用字符串调用函数或方法示例代码
2017/08/04 Python
python3处理含有中文的url方法
2018/05/10 Python
对Python 语音识别框架详解
2018/12/24 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
将python安装信息加入注册表的示例
2019/11/20 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
网络工程师的自我评价
2013/10/02 职场文书
2014学习全国两会精神心得体会2000字
2014/03/11 职场文书
防邪知识进家庭活动方案
2014/08/26 职场文书
初中生毕业评语
2014/12/29 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
家属答谢词
2015/01/05 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
详解MySQL主从复制及读写分离
2021/05/07 MySQL
Java 关于String字符串原理上的问题
2022/04/07 Java/Android
详解MySQL的内连接和外连接
2023/05/08 MySQL