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

弹出广告特效(一个IP只弹出一次)的代码

Jul 27 Javascript

将中国标准时间转换成标准格式的代码

Mar 20 Javascript

20分钟轻松创建自己的Bootstrap站点

May 12 Javascript

jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

Sep 08 Javascript

Angular实现图片裁剪工具ngImgCrop实践

Aug 17 Javascript

Vue2几种常见开局方式详解

Sep 09 Javascript

基于Vue单文件组件详解

Sep 15 Javascript

完美解决iview 的select下拉框选项错位的问题

Mar 02 Javascript

[原创]微信小程序获取网络类型的方法示例

Mar 01 Javascript

解决Vue.js应用回退或刷新界面时提示用户保存修改问题

Nov 24 Javascript

如何在 ant 的table中实现图片的渲染操作

Oct 28 Javascript

canvas多重阴影发光效果实现

Apr 20 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

在Zeus Web Server中安装PHP语言支持

2006/10/09 PHP

Pain 全世界最小最简单的PHP模板引擎 (普通版)

2011/10/23 PHP

Yii把CGridView文本框换成下拉框的方法

2014/12/03 PHP

javascript 写类方式之十

2009/07/05 Javascript

让JavaScript拥有类似Lambda表达式编程能力的方法

2010/09/12 Javascript

js获取dom的高度和宽度(可见区域及部分等等)

2013/06/13 Javascript

JS实现根据当前文字选择返回被选中的文字

2014/05/21 Javascript

node.js中的require使用详解

2014/12/15 Javascript

javascript实现数组中的内容随机输出

2015/08/11 Javascript

通过原生JS实现为元素添加事件的方法

2016/11/23 Javascript

jQuery.Validate表单验证插件的使用示例详解

2017/01/04 Javascript

详解如何实现一个简单的Node.js脚手架

2017/12/04 Javascript

JS基于for语句编写的九九乘法表示例

2018/01/04 Javascript

JS中touchstart事件与click事件冲突的解决方法

2018/03/12 Javascript

在vue中使用v-bind:class的选项卡方法

2018/09/27 Javascript

JavaScript和TypeScript中的void的具体使用

2019/09/12 Javascript

详细介绍Python语言中的按位运算符

2013/11/26 Python

Python合并字符串的3种方法

2015/05/21 Python

python实现线程池的方法

2015/06/30 Python

在Python的Django框架中包装视图函数

2015/07/20 Python

Python基于OpenCV实现视频的人脸检测

2018/01/23 Python

Python利用splinter实现浏览器自动化操作方法

2018/05/11 Python

django中ORM模型常用的字段的使用方法

2019/03/05 Python

python matplotlib画图库学习绘制常用的图

2019/03/19 Python

关于 Python opencv 使用中的 ValueError: too many values to unpack

2019/06/28 Python

Flask-WTF表单的使用方法

2019/07/12 Python

为什么从Python 3.6开始字典有序并效率更高

2019/07/15 Python

python文件操作的简单方法总结

2019/11/07 Python

python 实现生成均匀分布的点

2019/12/05 Python

Pyecharts绘制全球流向图的示例代码

2020/01/08 Python

销售文员的岗位职责

2013/11/20 职场文书

群众路线教育实践活动方案

2014/02/02 职场文书

体育专业自荐书

2014/05/29 职场文书

2014年项目经理工作总结

2014/11/24 职场文书

责任书格式

2019/04/18 职场文书

Python anaconda安装库命令详解

2021/10/16 Python