编程 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 07 Javascript

修改jQuery Validation里默认的验证方法

Feb 14 Javascript

Node.js实现简单聊天服务器

Jun 20 Javascript

JQuery中serialize() 序列化

Mar 13 Javascript

JavaScript中的数据类型转换方法小结

Oct 26 Javascript

JavaScript为事件句柄绑定监听函数实例详解

Dec 15 Javascript

JavaScript的Number对象的toString()方法

Dec 18 Javascript

js判断空对象的实例(超简单)

Jul 26 Javascript

基于AngularJS的简单使用详解

Sep 10 Javascript

详解使用Typescript开发node.js项目（简单的环境配置）

Oct 09 Javascript

vue插件draggable实现拖拽移动图片顺序

Dec 01 Javascript

AngularJS实现多级下拉框

Mar 25 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

文件系统基本操作类

2006/11/23 PHP

PHP $_FILES中error返回值详解

2014/01/30 PHP

php 使用mpdf实现指定字段配置字体样式的方法

2019/07/29 PHP

对textarea框的代码调试，而且功能上使用非常方便，酷

2006/06/30 Javascript

利用百度地图JSAPI生成h7n9禽流感分布图实现代码

2013/04/15 Javascript

js如何设置在iframe框架中指定div不显示

2013/12/04 Javascript

jquery操作 iframe的方法

2014/12/03 Javascript

第十篇BootStrap轮播插件使用详解

2016/06/21 Javascript

js替换字符串中所有指定的字符(实现代码)

2016/08/17 Javascript

Angular页面间切换及传值的4种方法

2016/11/04 Javascript

jQuery网页定位导航特效实现方法

2016/12/19 Javascript

jquery实现图片轮播器

2017/05/23 jQuery

vue.js评论发布信息可插入QQ表情功能

2017/08/08 Javascript

纯js实现隔行变色效果

2017/11/29 Javascript

Angular设置别名alias的方法

2018/11/08 Javascript

用Cordova打包Vue项目的方法步骤

2019/02/02 Javascript

element-ui多文件上传的实现示例

2019/04/10 Javascript

解决vue-cli项目开发运行时内存暴涨卡死电脑问题

2019/10/29 Javascript

基于JavaScript实现留言板功能

2020/03/16 Javascript

python smtplib模块发送SSL/TLS安全邮件实例

2015/04/08 Python

python OpenCV学习笔记实现二维直方图

2018/02/08 Python

Python2.7 实现引入自己写的类方法

2018/04/29 Python

在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法

2019/06/18 Python

python-django中的APPEND_SLASH实现方法

2019/06/21 Python

python中selenium操作下拉滚动条的几种方法汇总

2019/07/14 Python

python查找重复图片并删除（图片去重）

2019/07/16 Python

css3 按钮样式简单可扩展创建

2013/03/18 HTML / CSS

The Beach People美国：澳洲海滨奢华品牌

2018/07/05 全球购物

网络公司美工设计工作个人的自我评价

2013/11/03 职场文书

网站客服岗位职责

2014/04/05 职场文书

给客户的检讨书

2014/12/21 职场文书

幼儿园教师考核评语

2014/12/31 职场文书

保险公司客户经理岗位职责

2015/04/09 职场文书

调解书格式范本

2015/05/20 职场文书

Mysql数据库按时间点恢复实战记录

2021/06/30 MySQL

Go 语言结构实例分析

2021/07/04 Golang