Welcome 微信登录

首页 / 脚本样式 / JavaScript / 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选择器来选择!