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 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 Javascript
jquery 利用show和hidden实现级联菜单示例代码
Aug 09 Javascript
JavaScript解析URL参数示例代码
Aug 12 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
Jun 17 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 Javascript
js实现两点之间画线的方法
May 12 Javascript
JavaScript中Function()函数的使用教程
Jun 04 Javascript
JavaScript中的return语句简单介绍
Dec 07 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
js实现下一页页码效果
Mar 07 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
Mar 10 Javascript
ES6新增数据结构WeakSet的用法详解
Aug 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解密Unicode及Escape加密字符串
2015/05/17 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
PHP利用递归函数实现无限级分类的方法
2019/03/22 PHP
Ajax::prototype 源码解读
2007/01/22 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
jquery实现图片裁剪思路及实现
2013/08/16 Javascript
js交换排序 冒泡排序算法(Javascript版)
2014/10/04 Javascript
javascript获取flash版本号的方法
2014/11/20 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
2015/03/02 Javascript
JS简单实现点击复制链接的方法
2016/08/03 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
JS实现显示当前日期的实例代码
2018/07/03 Javascript
浅析python 内置字符串处理函数的使用方法
2014/06/11 Python
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
Python读写Json涉及到中文的处理方法
2016/09/12 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
pyqt5对用qt designer设计的窗体实现弹出子窗口的示例
2019/06/19 Python
Python 给下载文件显示进度条和下载时间的实现
2020/04/02 Python
Python requests模块cookie实例解析
2020/04/14 Python
解决Jupyter notebook更换主题工具栏被隐藏及添加目录生成插件问题
2020/04/20 Python
python 读取串口数据的示例
2020/11/09 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
CSS图片翻转动画技术详解(IE也实现了)
2014/04/03 HTML / CSS
贝玲妃英国官网:Benefit英国
2018/02/03 全球购物
荷兰在线啤酒店:Beerwulf
2019/08/26 全球购物
英国购买威士忌网站:Master of Malt
2019/09/26 全球购物
法学研究生自我鉴定范文
2013/12/04 职场文书
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
营销计划书
2015/01/17 职场文书
Go语言读取txt文档的操作方法
2022/01/22 Golang
css filter和getUserMedia的联合使用
2022/02/24 HTML / CSS
在Docker容器中部署SQL Server
2022/04/11 Servers