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 相关文章推荐
js 处理URL实用技巧
Nov 23 Javascript
js实现网站首页图片滚动显示
Feb 04 Javascript
jquery二级导航内容均分的原理及实现
Aug 13 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
Dec 21 Javascript
JS轮播图中缓动函数的封装
Nov 25 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
Dec 26 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
Mar 17 Javascript
redux处理异步action解决方案
Mar 22 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 Javascript
vue使用过滤器格式化日期
Jan 20 Vue.js
js作用域及作用域链工作引擎
Jul 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常用代码
2006/11/23 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
2007/03/27 Javascript
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
2010/01/22 Javascript
自写的一个jQuery圆角插件
2010/10/26 Javascript
js简易namespace管理器 实例代码
2013/06/21 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
2014/01/22 Javascript
javascript实现的元素拖动函数宿主为浏览器
2014/07/21 Javascript
jQuery级联操作绑定事件实例
2014/09/02 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
js学习之----深入理解闭包
2016/11/21 Javascript
jQuery实现立体式数字滚动条增加效果
2016/12/21 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
JS如何判断浏览器类型和详细区分IE各版本浏览器
2017/03/04 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
vue中使用rem布局代码详解
2019/10/30 Javascript
python dict remove数组删除(del,pop)
2013/03/24 Python
Python随手笔记之标准类型内建函数
2015/12/02 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
Pytho爬虫中Requests设置请求头Headers的方法
2020/09/22 Python
pycharm 如何取消连按两下shift出现的全局搜索
2021/01/15 Python
浅析Python模块之间的相互引用问题
2021/02/26 Python
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
分厂厂长岗位职责
2013/12/29 职场文书
大学生就业意向书范文
2014/04/01 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
考试保密承诺书
2014/08/30 职场文书
2014年采购员工作总结
2014/11/18 职场文书
优秀教师先进材料
2014/12/16 职场文书
大学生入党自荐书
2015/03/05 职场文书
小学副班长竞选稿
2015/11/21 职场文书
python库sklearn常用操作
2021/08/23 Python
Spring-cloud Config Server的3种配置方式
2021/09/25 Java/Android