编程 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 相关文章推荐

Javascript中eval函数的使用方法与示例

Apr 09 Javascript

使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码

Dec 30 Javascript

节点的插入之append()和appendTo()的用法介绍

Jan 13 Javascript

jQuery事件委托之Safari

Jul 05 Javascript

微信小程序 ecshop地址三级联动实现实例代码

Feb 28 Javascript

微信小程序连续旋转动画（this.animation.rotate）详解

Apr 07 Javascript

js学习总结之DOM2兼容处理this问题的解决方法

Jul 27 Javascript

vue-cli中打包图片路径错误的解决方法

Oct 26 Javascript

vue服务端渲染操作简单入门实例分析

Aug 28 Javascript

axios如何取消重复无用的请求详解

Dec 15 Javascript

基于better-scroll 实现歌词联动功能的代码

May 07 Javascript

使用vue引入maptalks地图及聚合效果的实现

Aug 10 Javascript

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

dedecms中显示数字验证码的修改方法

2007/03/21 PHP

基于ubuntu下nginx+php+mysql安装配置的具体操作步骤

2013/04/28 PHP

php获取一定范围内取N个不重复的随机数

2016/05/28 PHP

php制作基于xml的RSS订阅源功能示例

2017/02/08 PHP

PHP的mysqli_select_db()函数讲解

2019/01/23 PHP

PHP-FPM的配置与优化讲解

2019/03/15 PHP

php装饰者模式简单应用案例分析

2019/10/23 PHP

javascript 屏蔽鼠标键盘的几段代码

2008/01/02 Javascript

jQuery Animation实现CSS3动画示例介绍

2013/08/14 Javascript

浅谈JavaScript中Date(日期对象),Math对象

2015/02/05 Javascript

基于Css3和JQuery实现打字机效果

2015/08/11 Javascript

javascript中for/in循环及使用技巧

2015/09/01 Javascript

jqPlot jQuery绘图插件的使用

2016/06/18 Javascript

浅谈js函数中的实例对象、类对象、局部变量(局部函数)

2016/11/20 Javascript

用v-html解决Vue.js渲染中html标签不被解析的问题

2016/12/14 Javascript

js中删除数组中的某一元素实例(无下标时)

2017/02/28 Javascript

Node.js 回调函数实例详解

2017/07/06 Javascript

JS实现移动端整屏滑动的实例代码

2017/11/10 Javascript

Nodejs中的require函数的具体使用方法

2019/04/02 NodeJs

Python调用C/C++动态链接库的方法详解

2014/07/22 Python

Python正则表达式实现截取成对括号的方法

2017/01/06 Python

浅谈django model的get和filter方法的区别(必看篇)

2017/05/23 Python

Python实现中一次读取多个值的方法

2018/04/22 Python

解决PyCharm import torch包失败的问题

2018/10/13 Python

Python利用递归实现文件的复制方法

2018/10/27 Python

Python除法之传统除法、Floor除法及真除法实例详解

2019/05/23 Python

Python 监测文件是否更新的方法

2019/06/10 Python

如何使用Pytorch搭建模型

2020/10/26 Python

解决import tensorflow导致jupyter内核死亡的问题

2021/02/06 Python

手工制作的音乐盒：Music Box Attic

2019/09/05 全球购物

新闻专业推荐信范文

2013/11/20 职场文书

教师辞职报告范文

2014/01/20 职场文书

国情备忘录观后感

2015/06/04 职场文书

2015暑假社会调查报告

2015/07/13 职场文书

SQL Server基本使用和简单的CRUD操作

2021/04/05 SQL Server

Java循环队列与非循环队列的区别总结

2021/06/22 Java/Android