jQuery中的通配符選擇器使用總結(jié)
更新時(shí)間：2016年05月30日 18:12:49 作者：Aaron
通配符在控制input標(biāo)簽時(shí)相當(dāng)好用,這里簡單進(jìn)行了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]" />
請不要用
$("#haorooms[0]")
進(jìn)行選擇，這樣通常會出現(xiàn)問題，特別是select的時(shí)候。要用如下方式
$("input[id^='haorooms']")
或者
$("input[name^='code']")
這樣效率上面不如直接ID，但是不會出錯(cuò)，假如上面的name和id都沒有后綴[0]，那么推薦直接用Id選擇器來選擇！
相關(guān)文章
JQuery頁面的表格數(shù)據(jù)的增加與分頁的實(shí)現(xiàn)
使用JQuery實(shí)現(xiàn)頁面的表格數(shù)據(jù)的增加與分頁，具體示例如下，喜歡的朋友可以參考下2013-12-12
基于jQuery的公告無限循環(huán)滾動實(shí)現(xiàn)代碼
今天看到一個(gè)網(wǎng)站的公告欄一個(gè)小效果，如果有2條公告或以上就有個(gè)滾動效果，特整理下分享給大家2012-05-05
jQuery實(shí)現(xiàn)分章節(jié)錨點(diǎn)“回到頂部”動畫特效代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)分章節(jié)錨點(diǎn)“回到頂部”動畫特效代碼,涉及jQuery響應(yīng)鼠標(biāo)事件結(jié)合scroll實(shí)現(xiàn)頁面滾動的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
jQuery實(shí)現(xiàn)動態(tài)加載select下拉列表項(xiàng)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)動態(tài)加載select下拉列表項(xiàng)功能,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery動態(tài)加載select下拉列表項(xiàng)的步驟與相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了Jquery 整理元素選取、常用方法一覽表的相關(guān)資料,這里整理了相關(guān)資料，便于大家查看，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了Jquery方式如何獲取iframe頁面中的Dom元素,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了jQuery簡單倒計(jì)時(shí)效果,結(jié)合完整實(shí)例形式分析了jQuery針對日期與時(shí)間的計(jì)算與頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
jquery庫給我們帶來了很多方便的地方，使用jquery實(shí)現(xiàn)一個(gè)簡單的下拉菜單已經(jīng)是很簡單了，但也有不同的實(shí)現(xiàn)方法。今天自己使用jquery寫了一個(gè)下拉菜單，參考了Xiaofeng Wang的SexyDropDownMenu2010，其中還是有一些東西感覺值得記錄一下。2015-11-11
利用jquery給指定的table動態(tài)添加一行、刪除一行的方法
下面小編就為大家?guī)硪黄胘query給指定的table動態(tài)添加一行、刪除一行的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
本篇文章主要是對JS中的log對象獲取以及debug的寫法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03