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

IE iframe的onload方法分析小结

Jan 07 Javascript

Jquery Ajax的Get方式时需要注意URL地方

Apr 07 Javascript

js获取html参数及向swf传递参数应用介绍

Feb 18 Javascript

js setTimeout opener的用法示例详解

Oct 23 Javascript

javascript中clone对象详解

Dec 03 Javascript

JS与Ajax Get和Post在使用上的区别实例详解

Jun 08 Javascript

解决修复npm安装全局模块权限的问题

May 17 Javascript

微信小程序中显示倒计时代码实例

May 09 Javascript

js逆向解密之网络爬虫

May 30 Javascript

对node通过fs模块判断文件是否是文件夹的实例讲解

Jun 10 Javascript

layui table 表格上添加日期控件的两种方法

Sep 28 Javascript

js new Date()实例测试

Oct 31 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中全局变量global的使用演示代码

2011/05/18 PHP

Zend的Registry机制的使用说明

2013/05/02 PHP

PHP实现将科学计数法转换为原始数字字符串的方法

2014/12/16 PHP

php基于Fleaphp框架实现cvs数据导入MySQL的方法

2016/02/23 PHP

php+MySql实现登录系统与输出浏览者信息功能

2016/07/01 PHP

golang与php实现计算两个经纬度之间距离的方法

2016/07/22 PHP

在laravel框架中实现封装公共方法全局调用

2019/10/14 PHP

js控制div及网页相关属性的代码

2009/12/19 Javascript

Firefox+FireBug使JQuery的学习更加轻松愉快

2010/01/01 Javascript

JavaScript 原型学习总结

2010/10/29 Javascript

用js读、写、删除Cookie代码续篇

2014/12/03 Javascript

Javascript数组操作函数总结

2015/02/05 Javascript

jQuery实现简单的间隔向上滚动效果

2015/03/09 Javascript

Css3制作变形与动画效果

2015/07/24 Javascript

完美实现js选项卡切换效果(一)

2017/03/08 Javascript

jquery仿京东商品放大浏览页面

2017/06/06 jQuery

Vue.js devtool插件安装后无法使用的解决办法

2017/11/27 Javascript

JS动画实现回调地狱promise的实例代码详解

2018/11/08 Javascript

微信小程序实现富文本图片宽度自适应的方法

2019/01/20 Javascript

jQuery属性选择器用法实例分析

2019/06/28 jQuery

基于axios 的responseType类型的设置方法

2019/10/29 Javascript

vue图片上传组件使用详解

2019/12/23 Javascript

vue-quill-editor插入图片路径太长问题解决方法

2021/01/08 Vue.js

Python 解析XML文件

2009/04/15 Python

Python 爬虫模拟登陆知乎

2016/09/23 Python

python导出chrome书签到markdown文件的实例代码

2017/12/27 Python

使用python将图片格式转换为ico格式的示例

2018/10/22 Python

在django中图片上传的格式校验及大小方法

2019/07/28 Python

Python 找出出现次数超过数组长度一半的元素实例

2020/05/11 Python

Django model.py表单设置默认值允许为空的操作

2020/05/19 Python

python中pickle模块浅析

2020/12/29 Python

含精油的天然有机化妆品：Indemne

2019/08/27 全球购物

大专生自荐信

2013/10/04 职场文书

社区十八大感言

2014/01/19 职场文书

暑期政治学习心得体会

2014/09/02 职场文书

Pytorch DataLoader shuffle验证方式

2021/06/02 Python