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实现的一个include函数
Jul 21 Javascript
JS获得图片alt信息的方法
Apr 01 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
Feb 23 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
Jquery获取radio选中的值
May 05 jQuery
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
Apr 14 Javascript
用vuex写了一个购物车H5页面的示例代码
Dec 04 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
分享JS表单验证源码(带错误提示及密码等级)
Jan 05 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过滤危险html代码的函数
2008/07/22 PHP
PHP开发需要注意的安全问题
2010/09/01 PHP
php连接Access数据库错误及解决方法
2013/06/20 PHP
laravel 模型查询按照whereIn排序的示例
2019/10/16 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
[IE&amp;FireFox兼容]JS对select操作
2007/01/07 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
浅析Node在构建超媒体API中的作用
2014/07/30 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
jQuery实现拖动剪裁图片作为头像
2016/12/28 Javascript
jQuery中Chosen三级联动功能实例代码
2017/03/07 Javascript
ionic环境配置及问题详解
2017/06/27 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
Nuxt的动态路由和参数校验操作
2020/11/09 Javascript
JavaScript字符串转数字的简单实现方法
2020/11/27 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
2020/12/07 Vue.js
Python3基础之基本运算符概述
2014/08/13 Python
Python输出9*9乘法表的方法
2015/05/25 Python
一篇文章快速了解Python的GIL
2018/01/12 Python
浅谈Python3中strip()、lstrip()、rstrip()用法详解
2019/04/29 Python
这可能是最好玩的python GUI入门实例(推荐)
2019/07/19 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
Python单元测试工具doctest和unittest使用解析
2019/09/02 Python
Python实现把类当做字典来访问
2019/12/16 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
python爬虫开发之使用Python爬虫库requests多线程抓取猫眼电影TOP100实例
2020/03/10 Python
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
应届生体育教师自荐信
2013/10/03 职场文书
机械加工与数控专业自荐书
2014/06/04 职场文书
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
2015年招商引资工作总结
2015/04/25 职场文书