简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1125 次  日期:2016-06-17 16:56:52

温馨提示:易贤网小编为您整理了“jQuery中的通配符选择器使用总结”,方便广大网友查阅!

通配符在控制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选择器来选择!

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:JS检测移动端横竖屏的代码
下一篇:js验证框架之RealyEasy验证详解
易贤网手机网站地址:jQuery中的通配符选择器使用总结
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!