jQuery中的通配符选择器使用总结

2019/6/27 22:23:26

编程Tag： jQuery 通配符

本文主要是介绍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中的通配符选择器使用总结的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

jQuery中的通配符选择器使用总结

相关编程文章