我是靠谱客的博主 潇洒星星,这篇文章主要介绍jQuery中的通配符选择器使用总结,现在分享给大家,希望可以做个参考。

jquery选择器中的通配符经常用到,大致的用法总结如下:

复制代码
1
2
3
4
5
6
$("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标签

使用示例

复制代码
1
2
3
4
5
6
7
$("input[name*='code']").each(fuction(){ var sum=0; if($(this).val()!=""){ sum=parseInt(sum)+parseInt($(this).val()); } $("#").text(sum); })

使用时注意
关于如下input:

复制代码
1
<input type="text" name="code[0]" id="haorooms[0]" />

请不要用

复制代码
1
$("#haorooms[0]")

进行选择,这样通常会出现问题,特别是select的时候。要用如下方式

复制代码
1
$("input[id^='haorooms']")

  或者
 

复制代码
1
$("input[name^='code']")

这样效率上面不如直接ID,但是不会出错,假如上面的name和id都没有后缀[0],那么推荐直接用Id选择器来选择!

最后

以上就是潇洒星星最近收集整理的关于jQuery中的通配符选择器使用总结的全部内容,更多相关jQuery中内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(146)

评论列表共有 0 条评论

立即
投稿
返回
顶部