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 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
ajax如何实现页面局部跳转与结果返回
Aug 24 Javascript
JS封装的自动创建表格的实现代码
Jun 15 Javascript
利用JS实现页面删除并重新排序功能
Dec 09 Javascript
js实现一个猜数字游戏
Mar 31 Javascript
angularjs中的$eval方法详解
Apr 24 Javascript
JS判断一个数是否是水仙花数
Jun 11 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
layui 动态设置checbox 选中状态的例子
Sep 02 Javascript
springboot+vue实现文件上传下载
Nov 17 Vue.js
移动端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 连接mysql连接被重置的解决方法
2011/02/15 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
javascript面向对象入门基础详细介绍
2012/09/05 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
2015/03/09 Javascript
javascript实现控制文字大中小显示
2015/04/28 Javascript
jQuery实现简单的点赞效果
2020/05/29 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
Javascript之面向对象--封装
2016/12/02 Javascript
Javascript 实现匿名递归的实例代码
2017/05/25 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
js、jquery实现列表模糊搜索功能过程解析
2020/03/27 jQuery
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
2020/05/14 Javascript
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
python开发之字符串string操作方法实例详解
2015/11/12 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
Python小游戏之300行代码实现俄罗斯方块
2019/01/04 Python
对Python3使运行暂停的方法详解
2019/02/18 Python
详解Python安装tesserocr遇到的各种问题及解决办法
2019/03/07 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
解决springboot yml配置 logging.level 报错问题
2020/02/21 Python
美国男士内衣品牌:Tommy John
2017/12/22 全球购物
安全生产检讨书
2014/01/21 职场文书
光盘行动倡议书
2014/02/02 职场文书
森林防火工作方案
2014/02/14 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js