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中对于缓存图片加载(新加载/缓存中读取/超范围删除)的行(或列)查询上,很是便捷。

Javascript 相关文章推荐
Javascript引用指针使用介绍
Nov 07 Javascript
javascript实现yield的方法
Nov 06 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
Oct 13 Javascript
一系列Bootstrap导航条使用方法分享
Apr 29 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
JavaScript 跨域之POST实现方法
May 07 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
JS加载解析Markdown文档过程详解
May 19 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实时显示输出
2008/10/02 PHP
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
PHP中用正则表达式清除字符串的空白
2011/01/17 PHP
PHP mail()函数使用及配置方法
2014/01/14 PHP
PHP+Mysql+jQuery文件下载次数统计实例讲解
2015/10/10 PHP
JavaScript入门教程(11) js事件处理
2009/01/31 Javascript
Prototype Template对象 学习
2009/07/19 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
jQuery EasyUI Dialog拖不下来如何解决
2015/09/28 Javascript
有关Promises异步问题详解
2015/11/13 Javascript
AngularJS控制器详解及示例代码
2016/08/16 Javascript
原生js编写基于面向对象的分页组件
2016/12/05 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
2017/03/23 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
JS 实现分页打印功能
2018/05/16 Javascript
js实现时分秒倒计时
2019/12/03 Javascript
vue setInterval 定时器失效的解决方式
2020/07/30 Javascript
python实现文件分组复制到不同目录的例子
2014/06/04 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
新手常见6种的python报错及解决方法
2018/03/09 Python
Python3中内置类型bytes和str用法及byte和string之间各种编码转换 问题
2018/09/27 Python
Python 导入文件过程图解
2019/10/15 Python
通过实例了解python property属性
2019/11/01 Python
python实现微信打飞机游戏
2020/03/24 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
工厂厂长的职责
2013/12/12 职场文书
欢送退休感言
2014/02/08 职场文书
卫生巾广告词
2014/03/18 职场文书
祖国在我心中演讲稿500字
2014/05/04 职场文书
员工生日会策划方案
2014/06/14 职场文书