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 相关文章推荐
splice slice区别
Oct 09 Javascript
json 定义
Jun 10 Javascript
广告切换效果(缓动切换)
May 27 Javascript
js实现拉伸拖动iframe的具体代码
Aug 03 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
Javascript编写俄罗斯方块思路及实例
Jul 07 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
微信小程序url与token设置详解
Sep 26 Javascript
Vue 仿QQ左滑删除组件功能
Mar 12 Javascript
JavaScript实现的DOM绘制柱状图效果示例
Aug 08 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
Apr 22 Javascript
Vue单文件组件开发实现过程详解
Jul 30 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
新闻分类录入、显示系统
2006/10/09 PHP
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
IP138 IP地址查询小偷实现代码
2010/02/15 PHP
thinkphp特殊标签用法概述
2014/11/24 PHP
PHP输出一个等腰三角形的方法
2015/05/12 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
Laravel+Intervention实现上传图片功能示例
2019/07/09 PHP
原生js实现移动开发轮播图、相册滑动特效
2015/04/17 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
关于Iframe父页面与子页面之间的相互调用
2016/11/22 Javascript
JS实现css hover操作的方法示例
2017/04/07 Javascript
JavaScript实现的商品抢购倒计时功能示例
2017/04/17 Javascript
基于 Bootstrap Datetimepicker 联动
2017/08/03 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
Fetch超时设置与终止请求详解
2019/05/18 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
vue+moment实现倒计时效果
2019/08/26 Javascript
整理Python中的赋值运算符
2015/05/13 Python
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
python中numpy包使用教程之数组和相关操作详解
2017/07/30 Python
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
Python 操作mysql数据库查询之fetchone(), fetchmany(), fetchall()用法示例
2019/10/17 Python
利用Python批量识别电子账单数据的方法
2021/02/08 Python
利用Storage Event实现页面间通信的示例代码
2018/07/26 HTML / CSS
写一个在SQL Server创建表的SQL语句
2012/03/10 面试题
简洁的英文求职信范文
2014/05/03 职场文书
2015年学校教科室工作总结
2015/07/20 职场文书
医院感染管理制度
2015/08/05 职场文书
2015年国庆放假通知范文
2015/08/18 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
python数字类型和占位符详情
2022/03/13 Python
MySQL派生表联表查询实战过程
2022/03/20 MySQL
vue-cli3.x配置全局的scss的时候报错问题及解决
2022/04/30 Vue.js