编程 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函数般调用正则

Apr 08 Javascript

js输出列表实现代码

Sep 12 Javascript

js循环改变div颜色具体方法

Jun 25 Javascript

javascipt:filter过滤介绍及使用

Sep 10 Javascript

Jquery Ajax xmlhttp请求成功问题

Feb 04 Javascript

仅30行代码实现Javascript中的MVC

Feb 15 Javascript

AngularJS解决ng界面长表达式(ui-set)的方法分析

Nov 07 Javascript

Vue.js实现价格计算器功能

Mar 30 Javascript

Vue.js页面中有多个input搜索框如何实现防抖操作

Nov 04 Javascript

jquery实现直播弹幕效果

Nov 28 jQuery

vue计算属性+vue中class与style绑定(推荐)

Mar 30 Javascript

Vue+scss白天和夜间模式切换功能的实现方法

Jan 05 Vue.js

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/10/09 PHP

swfupload 多文件上传实现代码

2008/08/27 PHP

PHP中fwrite与file_put_contents性能测试代码

2013/08/02 PHP

DOM XPATH获取img src值的query

2013/09/23 PHP

php计算2个日期的差值函数分享

2015/02/02 PHP

Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解

2017/10/11 PHP

thinkPHP框架实现多表查询的方法

2018/06/14 PHP

PHP日期和时间函数的使用示例详解

2020/08/06 PHP

超级有用的13个基于jQuery的内容滚动插件和教程

2011/07/31 Javascript

jQuery及JS实现循环中暂停的方法

2015/02/02 Javascript

实现无刷新联动例子汇总

2015/05/20 Javascript

用javascript实现自动输出网页文本

2015/07/30 Javascript

Javascript基于AJAX回调函数传递参数实例分析

2015/12/15 Javascript

Vue + Webpack + Vue-loader学习教程之相关配置篇

2017/03/14 Javascript

微信小程序动态的加载数据实例代码

2017/04/14 Javascript

详解mpvue中使用vant时需要注意的onChange事件的坑

2019/05/16 Javascript

jQuery实现高度灵活的表单验证功能示例【无UI】

2020/04/30 jQuery

nuxt 自定义 auth 中间件实现令牌的持久化操作

2020/11/05 Javascript

JavaScript实现网页动态生成表格

2020/11/25 Javascript

[04:52]第二届DOTA2亚洲邀请赛主赛事第一天比赛集锦：OG娜迦海妖放大配合谜团大中3人

2017/04/02 DOTA

Python复制目录结构脚本代码分享

2015/03/06 Python

在Python中调用ggplot的三种方法

2015/04/08 Python

python 数据的清理行为实例详解

2017/07/12 Python

Python 3.7新功能之dataclass装饰器详解

2018/04/21 Python

从0开始的Python学习014面向对象编程（推荐）

2019/04/02 Python

关于Python作用域自学总结

2019/06/10 Python

Python Django Vue 项目创建过程详解

2019/07/29 Python

tensorflow 固定部分参数训练,只训练部分参数的实例

2020/01/20 Python

Python 实现PS滤镜的旋涡特效

2020/12/03 Python

MyFrenchPharma中文网：最大的法国药妆平台

2016/10/07 全球购物

慕尼黑山地运动、户外服装和体育用品专家：Sporthaus Schuster

2019/08/27 全球购物

Visual-Click葡萄牙：欧洲领先的在线眼镜商

2020/02/17 全球购物

机械制造专业个人的自我评价

2013/12/28 职场文书

兽医医药专业求职信

2014/07/27 职场文书

2015年机关党建工作总结

2015/05/22 职场文书

合同审查法律意见书

2015/06/04 职场文书