jQuery中的通配符选择器使用总结
更新时间：2016年05月30日 18:12:49 作者：Aaron
通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下
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选择器来选择！
相关文章
使用JQuery实现页面的表格数据的增加与分页，具体示例如下，喜欢的朋友可以参考下2013-12-12
今天看到一个网站的公告栏一个小效果，如果有2条公告或以上就有个滚动效果，特整理下分享给大家2012-05-05
这篇文章主要介绍了jQuery实现分章节锚点“回到顶部”动画特效代码,涉及jQuery响应鼠标事件结合scroll实现页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了jQuery实现动态加载select下拉列表项功能,结合实例形式较为详细的分析了jQuery动态加载select下拉列表项的步骤与相关操作技巧,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了Jquery 整理元素选取、常用方法一览表的相关资料,这里整理了相关资料，便于大家查看，需要的朋友可以参考下2016-11-11
这篇文章主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery简单倒计时效果,结合完整实例形式分析了jQuery针对日期与时间的计算与页面元素动态操作相关技巧,需要的朋友可以参考下2016-09-09
jquery库给我们带来了很多方便的地方，使用jquery实现一个简单的下拉菜单已经是很简单了，但也有不同的实现方法。今天自己使用jquery写了一个下拉菜单，参考了Xiaofeng Wang的SexyDropDownMenu2010，其中还是有一些东西感觉值得记录一下。2015-11-11
利用jquery给指定的table动态添加一行、删除一行的方法
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
本篇文章主要是对JS中的log对象获取以及debug的写法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
最新评论