编程 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 上下滚动广告

Jun 17 Javascript

汉化英文版的Dreamweaver CS5并自动提示jquery

Nov 25 Javascript

jQuery分别获取选中的复选框值的示例

Jun 17 Javascript

网页从弹窗页面单选框传值至父页面代码分享

Sep 29 Javascript

javascript正则表达式定义（语法）总结

Jan 08 Javascript

JS设置cookie、读取cookie

Feb 24 Javascript

javascript中json基础知识详解

Jan 19 Javascript

js实现一个猜数字游戏

Mar 31 Javascript

小程序实现多列选择器

Feb 15 Javascript

Vue3.0中的monorepo管理模式的实现

Oct 14 Javascript

node.js express捕获全局异常的三种方法实例分析

Dec 27 Javascript

vue基于better-scroll实现左右联动滑动页面

Jun 30 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 - Html Transfer Code

2006/10/09 PHP

使用php实现截取指定长度

2013/08/06 PHP

三种php连接access数据库方法

2013/11/11 PHP

php的hash算法介绍

2014/02/13 PHP

使用PHP+AJAX让WordPress动态加载文章的教程

2015/12/11 PHP

php实现生成带二维码图片并强制下载功能

2018/02/24 PHP

JavaScript CSS修改学习第二章样式

2010/02/19 Javascript

JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码

2010/11/09 Javascript

让低版本浏览器支持input的placeholder属性(js方法)

2013/04/03 Javascript

3分钟写出来的Jquery版checkbox全选反选功能

2013/10/23 Javascript

jquery无法设置checkbox选中即没有变成选中状态

2014/03/27 Javascript

IE及IE6浏览器中判断JS文件加载成功失败的方法

2015/02/18 Javascript

CSS图片响应式垂直水平居中

2015/08/14 Javascript

原生js实现class的添加和删除简单代码

2016/07/12 Javascript

Angular X中使用ngrx的方法详解（附源码）

2017/07/10 Javascript

移动端网页开发调试神器Eruda的介绍与使用技巧

2017/10/30 Javascript

vue实现密码显示隐藏切换功能

2018/02/23 Javascript

在AngularJs中设置请求头信息(headers)的方法及不同方法的比较

2018/09/04 Javascript

优雅的在React项目中使用Redux的方法

2018/11/10 Javascript

基于vue实现图片验证码倒计时60s功能

2019/12/10 Javascript

使用Karma做vue组件单元测试的实现

2020/01/16 Javascript

[03:59]DOTA2英雄梦之声_第07期_水晶室女

2014/06/23 DOTA

[03:15]2014DOTA2国际邀请赛专访国士无双信心满满

2014/07/12 DOTA

[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27

2020/12/01 DOTA

Python使用Flask框架获取当前查询参数的方法

2015/03/21 Python

Python3将ipa包中的文件按大小排序

2020/04/17 Python

Python如何设置指定窗口为前台活动窗口

2020/08/12 Python

python批量修改交换机密码的示例

2020/09/22 Python

详解纯CSS3制作的20种loading动效

2017/07/05 HTML / CSS

澳大利亚玩具剧场：Toy Playhouse

2019/03/03 全球购物

银行实习生的自我评价

2013/12/09 职场文书

咖啡厅创业计划书范本

2014/01/22 职场文书

装修协议书范本

2014/04/21 职场文书

数控机床专业自荐信

2014/05/19 职场文书

2015年国庆节广播稿

2015/08/19 职场文书

基于Python实现的购物商城管理系统

2021/04/27 Python