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 相关文章推荐
jQuery 操作XML入门
Dec 25 Javascript
读jQuery之八 包装事件对象
Jun 21 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 Javascript
js实现无缝滚动特效
Dec 20 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
javascript设计模式之单体模式学习笔记
Feb 15 Javascript
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
详解vue-cli官方脚手架配置
Jul 20 Javascript
Vue实现表格批量审核功能实例代码
May 28 Javascript
js获取本日、本周、本月的时间代码
Feb 01 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 数组和字符串互相转换实现方法
2013/03/26 PHP
浅析php面向对象public private protected 访问修饰符
2013/06/30 PHP
PHP中大括号'{}'用法实例总结
2017/02/08 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
JavaScript去除空格的几种方法
2006/10/03 Javascript
二级域名或跨域共享Cookies的实现方法
2008/08/07 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
JSONP之我见
2015/03/24 Javascript
JS扩展方法实例分析
2015/04/15 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
详解Vue方法与事件
2017/03/09 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
vue-cli2.9.3 详细教程
2018/04/23 Javascript
nodejs 十六进制字符串型数据与btye型数据相互转换
2018/07/30 NodeJs
js控制随机数生成概率代码实例
2019/03/21 Javascript
Python采集代理ip并判断是否可用和定时更新的方法
2018/05/07 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
详解python--模拟轮盘抽奖游戏
2019/04/12 Python
python多线程+代理池爬取天天基金网、股票数据过程解析
2019/08/13 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
解决PyCharm不在run输出运行结果而不是再Console里输出的问题
2020/09/21 Python
Python之多进程与多线程的使用
2021/02/23 Python
医院党员公开承诺书
2014/08/30 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
承诺函格式模板
2015/01/21 职场文书
安全保证书格式
2015/02/28 职场文书
2016年班主任培训心得体会
2016/01/07 职场文书
详解Go语言中Get/Post请求测试
2022/06/01 Golang