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 相关文章推荐
一个XML格式数据转换为图表的例子
Feb 09 Javascript
js中的string.format函数代码
Aug 11 Javascript
JQueryEasyUI datagrid框架的基本使用
Apr 08 Javascript
深入理解Javascript作用域与变量提升
Dec 09 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 Javascript
Js与Jq获取浏览器和对象值的方法
Mar 18 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
jQuery UI插件实现百度提词器效果
Nov 21 Javascript
React Native实现地址挑选器功能
Oct 24 Javascript
ES6 中可以提升幸福度的小功能
Aug 06 Javascript
es6 for循环中let和var区别详解
Jan 12 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实现俄罗斯乘法实例
2015/03/07 PHP
Yii2.0 模态弹出框+ajax提交表单
2016/05/22 PHP
php微信公众平台配置接口开发程序
2016/09/22 PHP
PHP实现无限极分类的两种方式示例【递归和引用方式】
2019/03/25 PHP
简介alert()与console.log()的不同
2015/08/26 Javascript
JavaScript的ExtJS框架中表格的编写教程
2016/05/21 Javascript
jQuery获取及设置表单input各种类型值的方法小结
2016/05/24 Javascript
vue.js入门(3)——详解组件通信
2016/12/02 Javascript
JS多物体实现缓冲运动效果示例
2016/12/20 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
javascript异步处理与Jquery deferred对象用法总结
2019/06/04 jQuery
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
[00:27]DOTA2荣耀之路2:Patience from zhou!
2018/05/24 DOTA
python和shell实现的校验IP地址合法性脚本分享
2014/10/23 Python
Ubuntu下安装PyV8
2016/03/13 Python
Python实现修改文件内容的方法分析
2018/03/25 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
python global和nonlocal用法解析
2020/02/03 Python
css3 pointer-events 介绍详解
2017/09/18 HTML / CSS
微信html5页面调用第三方位置导航的示例
2018/03/14 HTML / CSS
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
Blank NYC官网:夹克、牛仔裤等
2020/12/16 全球购物
C语言变量的命名规则都有哪些
2013/12/27 面试题
会计专业求职信
2014/08/10 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
离职证明范本(5篇)
2014/09/19 职场文书
联谊活动总结范文
2015/05/09 职场文书
十七岁的单车观后感
2015/06/12 职场文书
高考升学宴主持词
2019/06/21 职场文书
Go 语言结构实例分析
2021/07/04 Golang