编程 Javascript

jQuery实现id模糊查询的小例子

Posted in Javascript onMarch 19, 2013

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中对于缓存图片加载（新加载/缓存中读取/超范围删除）的行（或列）查询上，很是便捷。

jQuery实现id模糊查询的小例子

- Author -

shangke

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

鼠标移动到图片名上,显示图片的简单实例

Jul 14 Javascript

jquery中用jsonp实现搜索框功能

Oct 18 Javascript

微信小程序开发教程-手势解锁实例

Jan 06 Javascript

jquery实现input框获取焦点的方法

Feb 06 Javascript

jQuery层级选择器_动力节点节点Java学院整理

Jul 04 jQuery

基于Vue实例对象的数据选项

Aug 09 Javascript

vue页面使用阿里oss上传功能的实例（一）

Aug 09 Javascript

Three.js利用dat.GUI如何简化试验流程详解

Sep 26 Javascript

Bootstrap开发中Tab标签页切换图表显示问题的解决方法

Jul 13 Javascript

ES6基础之展开语法(Spread syntax)

Feb 21 Javascript

vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法

Nov 05 Javascript

vue穿梭框实现上下移动

Jan 29 Vue.js

JS文本框不能输入空格验证方法

Mar 19 #Javascript

getComputedStyle与currentStyle获取样式(style/class)

Mar 19 #Javascript

关于scrollLeft,scrollTop的浏览器兼容性测试

Mar 19 #Javascript

input输入框的自动匹配(原生代码)

Mar 19 #Javascript

javascript实现tabs选项卡切换效果(扩展版)

Mar 19 #Javascript

javascript实现tabs选项卡切换效果(自写原生js)

Mar 19 #Javascript

jquery写个checkbox——类似邮箱全选功能

Mar 19 #Javascript

You might like

用PHP来写记数器（详细介绍）

2006/10/09 PHP

PHP实现简单爬虫的方法

2015/07/29 PHP

PHP之正则表达式捕获组与非捕获组（详解）

2015/07/29 PHP

php版微信数据统计接口用法示例

2016/10/12 PHP

子窗体与父窗体传值示例js代码

2013/08/01 Javascript

JavaScript定义类的几种方式总结

2014/01/06 Javascript

深入分析Cookie的安全性问题

2015/03/01 Javascript

javascript变量声明实例分析

2015/04/25 Javascript

鼠标悬停小图标显示大图标

2016/01/22 Javascript

IE8 内存泄露(内存一直增长 )的原因及解决办法

2016/04/06 Javascript

微信小程序缓存（本地缓存、异步缓存、同步缓存）详解

2017/01/17 Javascript

jQuery实现页面倒计时并刷新效果

2017/03/13 Javascript

Vue 3.0双向绑定原理的实现方法

2019/10/23 Javascript

微信小程序实现音乐播放器

2019/11/20 Javascript

Python入门教程之if语句的用法

2015/05/14 Python

Python中使用装饰器来优化尾递归的示例

2016/06/18 Python

Python排序算法实例代码

2017/08/10 Python

python用户管理系统的实例讲解

2017/12/23 Python

通过pykafka接收Kafka消息队列的方法

2018/12/27 Python

Python lxml解析HTML并用xpath获取元素的方法

2019/01/02 Python

使用Python实现将list中的每一项的首字母大写

2019/06/11 Python

详解用python生成随机数的几种方法

2019/08/04 Python

Python 随机按键模拟2小时

2020/12/30 Python

python中的时区问题

2021/01/14 Python

HTML5中外部浏览器唤起微信分享功能的代码

2020/09/15 HTML / CSS

海蓝之谜英国官网：La Mer英国

2020/01/15 全球购物

Orlebar Brown官网：设计师泳裤和泳装

2020/12/08 全球购物

总经理职责范文

2013/11/08 职场文书

应届生幼儿园求职信

2013/11/12 职场文书

领导视察欢迎词

2014/01/15 职场文书

公司拓展活动方案

2014/02/13 职场文书

老师对学生的寄语

2014/04/09 职场文书

客户答谢会致辞

2015/07/30 职场文书

创业计划书之奶茶店开店方案范本！

2019/08/06 职场文书

2019大学生社会实践报告汇总

2019/08/16 职场文书

Spring Bean的实例化之属性注入源码剖析过程

2021/06/13 Java/Android