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)文章
HTML Form 表單里的各種組件，例如文本輸入框，textarea，按鈕等，都可以通過CSS或其它技術(shù)進行美化，讓它們看起來很漂亮了，唯獨下拉列表選項框(select box),不管你怎么做，它擺在那里總顯得格格不入。2011-08-08
這篇文章主要為大家詳細介紹了jquery單擊文字或圖片內(nèi)容放大并居中顯示，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
easyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法
下面小編就為大家?guī)硪黄猠asyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
jQuery插件EasyUI實現(xiàn)Layout框架頁面中彈出窗體到最頂層效果(穿越iframe)
這篇文章主要介紹了jQuery插件EasyUI實現(xiàn)Layout框架頁面中彈出窗體到最頂層效果,具有穿越iframe的功能,涉及jQuery的EasyUI插件屬性操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
Jquery和BigFileUpload實現(xiàn)大文件上傳及進度條顯示
這篇文章主要介紹了Jquery和BigFileUpload實現(xiàn)大文件上傳及進度條顯示的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
jquery.jstree 增加節(jié)點的雙擊事件代碼
本文基于 jsTree 1.0-rc1 版本增加節(jié)點的雙擊事件。2010-07-07
下面小編就為大家?guī)硪黄獪\談jQuery中的checkbox問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
jquery倒計時插件分享,大家參考使用吧2013-12-12
解決jquery validate 驗證不通過后驗證正確的信息仍殘留在label上的方法
在本篇文章里小編給大家整理了關(guān)于解決jquery validate 驗證不通過后驗證正確的信息仍殘留在label上的方法，有需要的朋友們可以學(xué)習(xí)下。2019-08-08
JQuery+Bootstrap 自定義全屏Loading插件的示例demo
這篇文章主要介紹了JQuery+Bootstrap 自定義全屏Loading插件，本文通過示例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-07-07