jQuery中的通配符選擇器使用總結(jié)
jquery選擇器中的通配符經(jīng)常用到,大致的用法總結(jié)如下:
$("input[id^='code']");//id屬性以code開始的所有input標簽 $("input[id$='code']");//id屬性以code結(jié)束的所有input標簽 $("input[id*='code']");//id屬性包含code的所有input標簽 $("input[name^='code']");//name屬性以code開始的所有input標簽 $("input[name$='code']");//name屬性以code結(jié)束的所有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); })
使用時注意
關(guān)于如下input:
<input type="text" name="code[0]" id="haorooms[0]" />
請不要用
$("#haorooms[0]")
進行選擇,這樣通常會出現(xiàn)問題,特別是select的時候。要用如下方式
$("input[id^='haorooms']")
或者
$("input[name^='code']")
這樣效率上面不如直接ID,但是不會出錯,假如上面的name和id都沒有后綴[0],那么推薦直接用Id選擇器來選擇!
相關(guān)文章
jQuery validate+artdialog+jquery form實現(xiàn)彈出表單思路詳解
在項目需求中有這樣一功能:在頁面彈出一個form表單,ajax無刷新提交表單,表單需通過驗證。下面小編給大家介紹通過jQuery validate+artdialog+jquery form實現(xiàn)彈出表單思路詳解,需要的朋友參考下吧2016-04-04jQuery結(jié)合CSS制作動態(tài)的下拉菜單
這篇文章主要介紹了jQuery結(jié)合CSS制作一個動態(tài)的下拉菜單,下拉菜單可以彌補空間的不足,感興趣的小伙伴們可以參考一下2015-10-10基于daterangepicker日歷插件使用參數(shù)注意的問題
下面小編就為大家?guī)硪黄赿aterangepicker日歷插件使用參數(shù)注意的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08EasyUI 結(jié)合JS導出Excel文件的實現(xiàn)方法
下面小編就為大家?guī)硪黄狤asyUI 結(jié)合JS導出Excel文件的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11