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

JS实现图片横向滚动效果示例代码

Sep 04 Javascript

javascript实现图片自动和可控的轮播切换特效

Apr 13 Javascript

javascript实现列表滚动的方法

Jul 30 Javascript

javascript实现拖放效果

Dec 16 Javascript

基于jQuery实现点击最后一行实现行自增效果的表格

Jan 12 Javascript

seajs学习之模块的依赖加载及模块API的导出

Oct 20 Javascript

vue模板语法-插值详解

Mar 06 Javascript

浅谈JsonObject中的key-value数据解析排序问题

Dec 06 Javascript

webpack打包并将文件加载到指定的位置方法

Feb 22 Javascript

详解关于Angular4 ng-zorro使用过程中遇到的问题

Dec 05 Javascript

node.JS事件机制与events事件模块的使用方法详解

Feb 06 Javascript

JavaScript实现淘宝商品图切换效果

Apr 29 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 的ArrayAccess接口像数组一样来访问你的PHP对象

2010/10/12 PHP

php判断ip黑名单程序代码实例

2014/02/24 PHP

php的SimpleXML方法读写XML接口文件实例解析

2014/06/16 PHP

为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法

2014/11/03 PHP

常见php数据文件缓存类汇总

2014/12/05 PHP

PHP中文编码小技巧

2014/12/25 PHP

PHP中把错误日志保存在系统日志中（Windows系统）

2015/06/23 PHP

PHP实现RTX发送消息提醒的实例代码

2017/01/03 PHP

PHP写的简单数字验证码实例

2017/05/23 PHP

Gambit vs ForZe BO3 第三场 2.13

2021/03/10 DOTA

推荐自用 Javascript 缩图函数 (onDOMLoaded)……

2007/10/23 Javascript

微博@符号的用户名提示效果。(想@到谁？)

2010/11/05 Javascript

jQuery实现可拖动的浮动层完整代码

2013/05/27 Javascript

js中的referrer返回上一页使用介绍

2013/09/26 Javascript

js实现精美的图片跟随鼠标效果实例

2015/05/16 Javascript

jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解

2015/09/27 Javascript

GitHub上一些实用的JavaScript的文件压缩解压缩库推荐

2016/03/13 Javascript

JS正则表达式判断有效数实例代码

2017/03/13 Javascript

vue中用动态组件实现选项卡切换效果

2017/03/25 Javascript

webpack打包react项目的实现方法

2018/06/21 Javascript

详解nuxt路由鉴权(express模板)

2018/11/21 Javascript

JavaScript剩余操作符Rest Operator详解

2019/07/20 Javascript

python 从远程服务器下载日志文件的程序

2013/02/10 Python

python的Template使用指南

2014/09/11 Python

PyQt5每天必学之拖放事件

2020/08/27 Python

Python多线程中阻塞(join)与锁(Lock)使用误区解析

2018/04/27 Python

在CMD命令行中运行python脚本的方法

2018/05/12 Python

Face++ API实现手势识别系统设计

2018/11/21 Python

使用matlab或python将txt文件转为excel表格

2019/11/01 Python

pandas读取csv文件提示不存在的解决方法及原因分析

2020/04/21 Python

如何配置关联Python 解释器 Anaconda的教程(图解)

2020/04/30 Python

python爬虫爬取网页数据并解析数据

2020/09/18 Python

css3实现信纸/同学录效果的示例代码

2018/12/11 HTML / CSS

CSS3实战第一波让我们尽情的圆角吧

2010/08/27 HTML / CSS

HTML5新增的Css选择器、伪类介绍

2013/08/07 HTML / CSS

松本清官方海外旗舰店：日本最大的药妆连锁店

2017/11/21 全球购物