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

基于jquery的跨域调用文件

Nov 19 Javascript

JavaScript字符串对象split方法入门实例（用于把字符串分割成数组）

Oct 16 Javascript

再JavaScript的jQuery库中编写动画效果的指南

Aug 13 Javascript

jQuery对html元素的取值与赋值实例详解

Dec 18 Javascript

基于JavaScript实现滑动门效果

Mar 16 Javascript

原生js FileReader对象实现图片上传本地预览效果

Mar 27 Javascript

微信小程序支付之c#后台实现方法

Oct 19 Javascript

微信小程序wx.request实现后台数据交互功能分析

Nov 25 Javascript

node.js实现微信开发之获取用户授权

Mar 18 Javascript

vue实现一拉到底的滑动验证

Jul 25 Javascript

Vue通过配置WebSocket并实现群聊功能

Dec 31 Javascript

关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version

Oct 17 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

杏林同学录(二)

2006/10/09 PHP

php 应用程序安全防范技术研究

2009/09/25 PHP

2011/01/13 PHP

PHP类与对象中的private访问控制的疑问

2012/11/01 PHP

thinkphp四种url访问方式详解

2014/11/28 PHP

php单元测试phpunit入门实例教程

2017/11/17 PHP

Laravel框架下载，安装及路由操作图文详解

2019/12/04 PHP

TP5框架页面跳转样式操作示例

2020/04/05 PHP

extjs grid设置某列背景颜色和字体颜色的方法

2010/09/03 Javascript

提示$ is not defined错误分析及解决

2013/04/09 Javascript

JavaScript自执行闭包的小例子

2013/06/29 Javascript

javascript实现动态加载CSS

2015/01/26 Javascript

vue.js组件vue-waterfall-easy实现瀑布流效果

2017/08/22 Javascript

AngularJS使用ui-route实现多层嵌套路由的示例

2018/01/10 Javascript

浅谈Vue Element中Select下拉框选取值的问题

2018/03/01 Javascript

vue debug 二种方法

2018/09/16 Javascript

150行Node.js实现的dns代理工具

2019/08/02 Javascript

layui 富文本赋值，取值，取纯文本值的实例

2019/09/18 Javascript

浅谈VUE中演示v-for为什么要加key

2020/01/16 Javascript

jquery实现上传文件进度条

2020/03/26 jQuery

Vue组件生命周期运行原理解析

2020/11/25 Vue.js

python实现TF-IDF算法解析

2018/01/02 Python

python与sqlite3实现解密chrome cookie实例代码

2018/01/20 Python

神经网络相关之基础概念的讲解

2018/12/29 Python

python从内存地址上加载python对象过程详解

2020/01/08 Python

基于第一个PhoneGap(cordova)的应用详解

2013/05/03 HTML / CSS

工程造价与财务管理专业应届生求职信

2013/10/06 职场文书

英语专业毕业生自荐信

2013/10/28 职场文书

简历中求职的个人自我评价

2013/12/03 职场文书

村优秀党员事迹材料

2014/01/15 职场文书

后勤主管岗位职责

2014/03/01 职场文书

职业女性的职业规划

2014/03/04 职场文书

我爱我的祖国演讲稿

2014/05/04 职场文书

导游词之宿迁乾隆行宫

2019/10/15 职场文书

pytorch 实现多个Dataloader同时训练

2021/05/29 Python

python三子棋游戏

2022/05/04 Python