jQuery实现id模糊查询的小例子_jquery

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中对于缓存图片加载（新加载/缓存中读取/超范围删除）的行（或列）查询上，很是便捷。

时间： 2024-08-26 04:35:07

jQuery实现id模糊查询的小例子_jquery的相关文章

jquery根据name属性查找的小例子_jquery

复制代码 代码如下: $("div[id]")              选择所有含有id属性的div元素   $("input[name='newsletter']")    选择所有的name属性等于'newsletter'的input元素   $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素   $("input[name^='news']"

Jquery时间验证和转换工具小例子_jquery

复制代码 代码如下: var TimeObjectUtil;/** * @title 时间工具类 * @note 本类一律违规验证返回false * @author {boonyachengdu@gmail.com} * @date 2013-07-01 * @formatter "2013-07-01 00:00:00" , "2013-07-01" */TimeObjectUtil = {    /**     * 获取当前时间毫秒数     */    get

JQuery的AJAX实现文件下载的小例子_jquery

复制代码 代码如下: var form=$("<form>");//定义一个form表单form.attr("style","display:none");form.attr("target","");form.attr("method","post");form.attr("action","exportData"

Jquery时间验证和转换工具小例子

这篇文章介绍了Jquery时间验证和转换工具小例子,有需要的朋友可以参考一下   复制代码 代码如下: var TimeObjectUtil; /** * @title 时间工具类 * @note 本类一律违规验证返回false * @author {boonyachengdu@gmail.com} * @date 2013-07-01 * @formatter "2013-07-01 00:00:00" , "2013-07-01" */ TimeObjectUt

jQuery+Ajax实现限制查询间隔的方法_jquery

本文实例讲述了jQuery+Ajax实现限制查询间隔的方法.分享给大家供大家参考,具体如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Jquery20150305.aspx.cs" Inherits="Jquery20150305" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

jquery操作ID带有变量的节点实例_jquery

如下所示: var indexNode='content'+index; $("#"+indexNode).show( 'puff', { }, 500, callback ); 以上这篇jquery操作ID带有变量的节点实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery 节点操作 ansys节点耦合实例.ztree添加子节

jquery动态增加删除表格行的小例子_jquery

复制代码 代码如下: <script src="jquery/jquery-1.3.1.js"></script><style type="text/css">body{background:#FFFFFF;}</style></head><body><script> $(function(){ var show_count = 20;   //要显示的条数 var count =

jQuery Form 页面表单提交的小例子_jquery

复制代码 代码如下: <script type="text/javascript" src="${ctx}/js/jquery.form.js"></script>  <script type="text/javascript">      //创建测试实例      function createInstance() {          var options = {              succes

jQuery控制输入框只能输入数值的小例子_jquery

复制代码 代码如下: <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>Test</title>        <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script>