标题 | 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选择器来选择! |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。