小鱼尼莫


专注于前端(JavaScript、jQuery、html+css)

博主做程序同时,还经营了一家手工发饰淘宝店,纯手工精致发饰发夹, 程序猿送女友必备神器!需要的可以支持一下哦!

  在js中常常会用到某类似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中对于缓存图片加载(新加载/缓存中读取/超范围删除)的行(或列)查询上,很是便捷。

posted on 2013-03-19 20:53  qiongmiaoer  阅读(1519)  评论(0编辑  收藏  举报