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

fancybox modal的完美解决(右上的X)

Oct 30 Javascript

一个JavaScript防止表单重复提交的实例

Oct 21 Javascript

浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结

Mar 16 Javascript

HTML页面定时跳转方法解析（2种任选）

Dec 22 Javascript

node.js入门学习之url模块

Feb 25 Javascript

javascript 中事件冒泡和事件捕获机制的详解

Sep 01 Javascript

使用typescript开发angular模块并发布npm包

Apr 19 Javascript

详解vue项目中如何引入全局sass/less变量、function、mixin

Jun 02 Javascript

如何制作一个Node命令行图像识别工具

Dec 12 Javascript

Angular6 用户自定义标签开发的实现方法

Jan 08 Javascript

关于layui表单中按钮自动提交的解决方法

Sep 09 Javascript

JavaScript选择器函数querySelector和querySelectorAll

Nov 27 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

php如何获取Http请求

2020/04/30 PHP

基于jQuery的合并表格中相同文本的相邻单元格的代码

2011/04/06 Javascript

chrome下判断点击input上标签还是其余标签的实现方法

2016/09/18 Javascript

AngularJS实现DOM元素的显示与隐藏功能

2016/11/22 Javascript

Vue.js结合bootstrap实现分页控件

2017/03/10 Javascript

浅谈angular2 组件的生命周期钩子

2017/08/12 Javascript

详解vue-router 路由元信息

2017/09/13 Javascript

JavaScript时间戳与时间日期间相互转换

2017/12/11 Javascript

Node.js readline 逐行读取、写入文件内容的示例

2018/03/01 Javascript

微信小程序实现即时通信聊天功能的实例代码

2018/08/17 Javascript

es6数据变更同步到视图层的方法

2019/03/04 Javascript

微信小程序动态显示项目倒计时

2019/06/20 Javascript

vue选项卡切换登录方式小案例

2019/09/27 Javascript

Python 元组(Tuple)操作详解

2014/03/11 Python

Python获取当前页面内所有链接的四种方法对比分析

2017/08/19 Python

浅谈Python NLP入门教程

2017/12/25 Python

使用python生成目录树

2018/03/29 Python

浅谈pandas中Dataframe的查询方法([], loc, iloc, at, iat, ix)

2018/04/10 Python

python实现生成Word、docx文件的方法分析

2019/08/30 Python

python 单线程和异步协程工作方式解析

2019/09/28 Python

AmazeUI 按钮交互的实现示例

2020/08/24 HTML / CSS

大学生优秀的自我评价分享

2013/10/22 职场文书

缓刑人员的思想汇报

2014/01/11 职场文书

劳动工资科岗位职责范本

2014/03/02 职场文书

门前三包责任书

2014/04/15 职场文书

五水共治一句话承诺

2014/05/30 职场文书

行政部经理助理岗位职责

2014/06/15 职场文书

客户答谢会活动方案

2014/08/31 职场文书

小学竞选班长演讲稿

2014/09/09 职场文书

公司员工离职证明书

2014/10/04 职场文书

采购员岗位职责

2015/02/03 职场文书

安全第一课观后感

2015/06/18 职场文书

为什么阅读对所有年龄段的孩子都很重要？

2019/07/08 职场文书

Mac M1安装mnmp (Mac+Nginx+MySQL+PHP) 开发环境

2021/03/29 PHP

MySQL pt-slave-restart工具的使用简介

2021/04/07 MySQL

Vue鼠标滚轮滚动切换路由效果的实现方法

2021/08/04 Vue.js