jQuery中的通配符選擇器使用總結(jié)
jquery選擇器中的通配符經(jīng)常用到,大致的用法總結(jié)如下:
$("input[id^='code']");//id屬性以code開始的所有input標(biāo)簽 $("input[id$='code']");//id屬性以code結(jié)束的所有input標(biāo)簽 $("input[id*='code']");//id屬性包含code的所有input標(biāo)簽 $("input[name^='code']");//name屬性以code開始的所有input標(biāo)簽 $("input[name$='code']");//name屬性以code結(jié)束的所有input標(biāo)簽 $("input[name*='code']");//name屬性包含code的所有input標(biāo)簽
使用示例
$("input[name*='code']").each(fuction(){ var sum=0; if($(this).val()!=""){ sum=parseInt(sum)+parseInt($(this).val()); } $("#").text(sum); })
使用時(shí)注意
關(guān)于如下input:
<input type="text" name="code[0]" id="haorooms[0]" />
請(qǐng)不要用
$("#haorooms[0]")
進(jìn)行選擇,這樣通常會(huì)出現(xiàn)問題,特別是select的時(shí)候。要用如下方式
$("input[id^='haorooms']")
或者
$("input[name^='code']")
這樣效率上面不如直接ID,但是不會(huì)出錯(cuò),假如上面的name和id都沒有后綴[0],那么推薦直接用Id選擇器來選擇!
相關(guān)文章
jQuery實(shí)現(xiàn)驗(yàn)證年齡簡單思路
本文給大家分享的是jQuery實(shí)現(xiàn)驗(yàn)證年齡簡單思路,讓用戶填出生年月,然后根據(jù)當(dāng)前時(shí)間計(jì)算是否小于網(wǎng)站要求的年齡,小于就提示,有需要的小伙伴可以拿去直接使用。2016-02-02jQuery validate+artdialog+jquery form實(shí)現(xiàn)彈出表單思路詳解
在項(xiàng)目需求中有這樣一功能:在頁面彈出一個(gè)form表單,ajax無刷新提交表單,表單需通過驗(yàn)證。下面小編給大家介紹通過jQuery validate+artdialog+jquery form實(shí)現(xiàn)彈出表單思路詳解,需要的朋友參考下吧2016-04-04jQuery結(jié)合CSS制作動(dòng)態(tài)的下拉菜單
這篇文章主要介紹了jQuery結(jié)合CSS制作一個(gè)動(dòng)態(tài)的下拉菜單,下拉菜單可以彌補(bǔ)空間的不足,感興趣的小伙伴們可以參考一下2015-10-10基于daterangepicker日歷插件使用參數(shù)注意的問題
下面小編就為大家?guī)硪黄赿aterangepicker日歷插件使用參數(shù)注意的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08EasyUI 結(jié)合JS導(dǎo)出Excel文件的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狤asyUI 結(jié)合JS導(dǎo)出Excel文件的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11解決jQuery ajax請(qǐng)求在IE6中莫名中斷的問題
本文主要介紹jQuery ajax請(qǐng)求在IE6中莫名中斷問題的解決方法,有需要的朋友可以參考一下。2016-06-06基于jQuery實(shí)現(xiàn)歌詞滾動(dòng)版音樂播放器的代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)歌詞滾動(dòng)版音樂播放器的代碼,代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09