DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery實現id模糊查詢的小例子
jQuery實現id模糊查詢的小例子
編輯:JQuery特效代碼     

eg_1. 在頁面中查找某id圖片集合,先放到代碼:

. 代碼如下:
<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]"),即可獲取到

. 代碼如下:
  <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集合,放上代碼:

. 代碼如下:
<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]"),即可獲取到

. 代碼如下:
<div id="div_1_0" style="width: 256px; height: 256px">
<div id="div_1_0" style="width: 256px; height: 256px">

ps: 語句很簡單,但在浏覽器開發工具中很實用,這次研究地圖cacheLayer中對於緩存圖片加載(新加載/緩存中讀取/超范圍刪除)的行(或列)查詢上,很是便捷。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved