jQuery實現(xiàn)id模糊查詢的小例子
更新時間：2013年03月19日 21:22:01 投稿：shangke
在js中常常會用到某類似id的模糊查詢，可以使用jquery工具和模糊查詢"^",來實現(xiàn)。下面用另個例子說明
eg_1. 在頁面中查找某id圖片集合，先放到代碼：
復(fù)制代碼 代碼如下:
<div id="cacheLayerContainer-CBS-882" >
<img src="" id="CBS_1_0" style="width: 256px; height: 256px">
<img src="" id="CBS_1_1" style="width: 256px; height: 256px">
<img src="" id="CBS_1_2" style="width: 256px; height: 256px">
<img src="" id="CBS_2_0" style="width: 256px; height: 256px">
<img src="" id="CBS_2_1" style="width: 256px; height: 256px">
<img src="" id="CBS_3_0" style="width: 256px; height: 256px">
</div>
在其中查找id中包含"CBS_1"的img，使用$("img[id^=CBS_1]"),即可獲取到
復(fù)制代碼 代碼如下:
<img src="" id="CBS_1_0" style="width: 256px; height: 256px">
<img src="" id="CBS_1_1" style="width: 256px; height: 256px">
<img src="" id="CBS_1_2" style="width: 256px; height: 256px">
eg_2. 再舉個例子，在頁面中查找某id的div集合，放上代碼：
復(fù)制代碼 代碼如下:
<div id="cacheLayerContainer-CBS-882" >
<div id="div_1_0" style="width: 256px; height: 256px">
<div id="div_1_0" style="width: 256px; height: 256px">
<div id="div_2_0" style="width: 256px; height: 256px">
<div id="div_2_0" style="width: 256px; height: 256px">
<div id="div_2_0" style="width: 256px; height: 256px">
<div id="div_3_0" style="width: 256px; height: 256px">
</div>
在其中查找id中包含"div_1"的div，使用$("div[id^=div_1]"),即可獲取到
復(fù)制代碼 代碼如下:
<div id="div_1_0" style="width: 256px; height: 256px">
<div id="div_1_0" style="width: 256px; height: 256px">
ps: 語句很簡單，但在瀏覽器開發(fā)工具中很實用，這次研究地圖cacheLayer中對于緩存圖片加載（新加載/緩存中讀取/超范圍刪除）的行（或列）查詢上，很是便捷。
相關(guān)文章
(function($){...})(jQuery)實際上是匿名函數(shù)，不懂得朋友可以繼續(xù)往下看。2010-07-07
這篇文章主要介紹了jQuery彈出層插件popShow用法,結(jié)合實例形式分析了jQuery彈出層插件popShow的具體功能、用法與相關(guān)注意事項,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了jQuery自帶的一些常用方法總結(jié),包括$.trim 、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了jquery與js實現(xiàn)全選功能的區(qū)別,需要的朋友可以參考下2017-06-06
JQuery.closest(),parent(),parents()尋找父結(jié)點
在50個必備的實用jQuery代碼段看到關(guān)于closest()方法的介紹，考慮到開發(fā)過程中經(jīng)常有找爹的需求，以前用的都是parent()/parents()方法（還經(jīng)常找不到?。?，所以就此研究對比一下！2012-02-02
jQuery實現(xiàn)獲取form表單內(nèi)容及綁定數(shù)據(jù)到form表單操作分析
這篇文章主要介紹了jQuery實現(xiàn)獲取form表單內(nèi)容及綁定數(shù)據(jù)到form表單操作,結(jié)合jQuery封裝插件操作分析了jQuery針對form表單的serializeJson數(shù)據(jù)獲取及setForm數(shù)據(jù)綁定相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
jQuery實現(xiàn)復(fù)選框全選/取消全選/反選及獲得選擇的值
這篇文章主要介紹了jQuery實現(xiàn)的復(fù)選框全選/取消全選/反選及獲得選擇的值,需要的朋友可以參考下2014-06-06
String的Trim()方法失效,在ie8下是有這樣的情況的，解決方法也很簡單使用$.trim(str)即可，需要的朋友可以了解下2013-11-11
jQuery:節(jié)點(插入,復(fù)制,替換,刪除)操作
jQuery:節(jié)點(插入,復(fù)制,替換,刪除)操作，需要的朋友可以參考一下2013-03-03
jQuery實現(xiàn)的Tab滑動選項卡及圖片切換(多種效果)小結(jié)
這篇文章主要介紹了jQuery實現(xiàn)的Tab滑動選項卡及圖片切換效果小結(jié),實例總結(jié)了幾種常見的tab切換效果,包括鼠標(biāo)點擊切換、滑過切換、定時自動切換等,非常具有實用價值,需要的朋友可以參考下2015-09-09