jQuery中的通配符選擇器使用總結(jié)
更新時間：2016年05月30日 18:12:49 作者：Aaron
通配符在控制input標簽時相當好用,這里簡單進行了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實現(xiàn)驗證年齡簡單思路，讓用戶填出生年月，然后根據(jù)當前時間計算是否小于網(wǎng)站要求的年齡，小于就提示，有需要的小伙伴可以拿去直接使用。2016-02-02
jQuery validate+artdialog+jquery form實現(xiàn)彈出表單思路詳解
在項目需求中有這樣一功能：在頁面彈出一個form表單，ajax無刷新提交表單，表單需通過驗證。下面小編給大家介紹通過jQuery validate+artdialog+jquery form實現(xiàn)彈出表單思路詳解，需要的朋友參考下吧2016-04-04
jQuery結(jié)合CSS制作動態(tài)的下拉菜單
這篇文章主要介紹了jQuery結(jié)合CSS制作一個動態(tài)的下拉菜單，下拉菜單可以彌補空間的不足，感興趣的小伙伴們可以參考一下2015-10-10
結(jié)構(gòu)定義了兩個層，一個為半透明的背景層，一個是彈出層主要結(jié)構(gòu)，都設(shè)為浮動position:absolute;背景層遮掉所有body內(nèi)容很容 易做到。2009-12-12
jquery support主要是檢測瀏覽器兼容性，支持力度的方法，用于展示不同瀏覽器各自特性和bug的屬性集合。作為一個靜態(tài)成員，提供給jquery內(nèi)部函數(shù)，告訴他們某些功能是否能用。避免了以往通過檢測瀏覽器版本做修改。下面我們通過源碼詳細解讀jQ中瀏覽器兼容模塊support。2016-08-08
這篇文章主要總結(jié)了jQuery 常用操作方法及常用函數(shù),需要的朋友可以參考下2014-06-06
基于daterangepicker日歷插件使用參數(shù)注意的問題
下面小編就為大家?guī)硪黄赿aterangepicker日歷插件使用參數(shù)注意的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
EasyUI 結(jié)合JS導出Excel文件的實現(xiàn)方法
下面小編就為大家?guī)硪黄狤asyUI 結(jié)合JS導出Excel文件的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
本文主要介紹jQuery ajax請求在IE6中莫名中斷問題的解決方法，有需要的朋友可以參考一下。2016-06-06
這篇文章主要介紹了基于jQuery實現(xiàn)歌詞滾動版音樂播放器的代碼,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09