手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery中的通配符选择器使用总结
jQuery中的通配符选择器使用总结
摘要:jquery选择器中的通配符经常用到,大致的用法总结如下:$("input[id^='code']");//id属性以code开始的所有in...

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中的通配符选择器使用总结】相关文章:

Jquery中基本选择器用法实例详解

JQuery中属性过滤选择器用法

javascript中DOM复选框选择用法实例

JQuery中层次选择器用法实例详解

jquery表单对象属性过滤选择器用法

jquery使用经验小结

JQuery中上下文选择器实现方法

简述JavaScript中正则表达式的使用方法

JQuery球队选择实例

JavaScript中的sub()方法的使用介绍

精品推荐
分类导航