`
KAXU
  • 浏览: 271590 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 遍历 end()

阅读更多

end()

恢复最近一次破坏性对匹配元素集合的操作,返回到之前的匹配元素集合状态。返回匹配元素集合

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    jQuery.fn.showTags = function (n) {
      var tags = this.map(function () { 
                              return this.tagName; 
                            })
                        .get().join(", ");
      $("b:eq(" + n + ")").text(tags);
      return this;
    };

    $("p").showTags(0)
          .find("span")
          .showTags(1)
          .css("background", "yellow")
          .end()
          .showTags(2)
          .css("font-style", "italic");

  });
  </script>
  <style>
  p, div { margin:1px; padding:1px; font-weight:bold; 
           font-size:16px; }
  div { color:blue; }
  b { color:red; }
  </style>
</head>
<body>
  <p>
    Hi there <span>how</span> are you <span>doing</span>?
  </p>
  <p>
    This <span>span</span> is one of 
    several <span>spans</span> in this
    <span>sentence</span>.
  </p>
  <div>
    Tags in jQuery object initially: <b></b>
  </div>
  <div>
    Tags in jQuery object after find: <b></b>
  </div>
  <div>
    Tags in jQuery object after end: <b></b>
  </div>
</body>
</html>

 

end()
将返回到执行find("span")操作之前的匹配元素集合状态

分享到:
评论

相关推荐

    浅析jQuery 遍历函数,javascript中的each遍历_.docx

    jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组方法,用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍: 1....

    jQuery 遍历函数详解

    下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将新元素直接添加到现有的jQuery对象集合中,实现链式操作。 .andSelf()函数将之前操作返回的元素集添加...

    jQuery遍历DOM元素与节点方法详解

    以下是对jQuery遍历DOM元素与节点方法的详细解释: **一、向上遍历(祖先元素)** 1. `$(selector).parent([filter])`:返回匹配的元素的直接父元素。如果提供了过滤器`filter`,则只返回符合该过滤条件的父元素。...

    浅析jQuery 遍历函数,javascript中的each遍历

    这是一个很好的实际应用例子,展示了如何在实际页面中应用jQuery遍历。 总的来说,jQuery的遍历函数提供了非常强大的机制来操作HTML文档,无论是在处理数组数据还是操作DOM元素时都非常方便。掌握这些遍历方法,...

    Jquery遍历节点的方法小集

    本文给大家带来Query遍历方法的总结,需要的朋友可以参考下,希望能帮助到大家。下面跟随小编一起来看一下吧。 函数 描述 .add() 将元素添加到匹配元素的集合中。 .andSelf() 把堆栈中之前的元素集添加到当前集合中...

    jQuery基于当前元素进行下一步的遍历

    这涉及到jQuery提供的遍历方法,它们可以帮助我们高效地导航DOM结构。让我们详细了解一下基于当前元素进行下一步遍历的jQuery方法。 首先,假设我们使用`$(‘li:eq(1)’)`选中了HTML列表中的第二个`&lt;li&gt;`元素。这是...

    jQuery 遍历 方法

    以下是一些主要的jQuery遍历方法及其详细说明: 1. **add()**:此方法允许将新的元素或jQuery对象添加到当前匹配元素集合中,合并后的集合可以进一步进行操作。 2. **addBack()**:这个方法将上一次操作前的元素...

    jquery获得单选框和下拉框的值,java日期处理,遍历list,遍历map

    - **解析**:这段代码使用了一个`while`循环来遍历从`start`到`end`之间的每一天,并统计其中星期六和星期天的数量。 3. **格式化日期:** ```java SimpleDateFormat format = new SimpleDateFormat("yyyyMMdd...

    jQuery代码优化 遍历篇

    遍历是jQuery中的核心功能之一,它允许开发者逐个访问或操作DOM元素。本文主要探讨了如何通过理解jQuery的遍历机制和利用对象栈来优化代码。 首先,jQuery内部维护了一个jQuery对象栈,这个栈用来存储每次遍历或...

    jQuery中end()方法用法实例

    jQuery是一个流行的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。jQuery中的end()方法是链式操作中的一个重要组成部分,它允许开发者在执行了一系列“破坏性”操作后回到操作之前...

    jquery属性,遍历,HTML操作方法详解

    JQuery 是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在HTML操作方面,JQuery 提供了丰富的API,使得开发者可以方便地操作DOM元素和属性。以下是对JQuery中一些关键的属性、遍历和...

    浅谈jQuery中对象遍历.eq().first().last().slice()方法

    在jQuery库中,遍历和选择元素是核心功能之一,今天我们将深入探讨四个重要的方法:`.eq()`, `.first()`, `.last()` 和 `.slice()`。这些方法在处理DOM元素集合时非常有用,能帮助开发者精确地定位和操作所需元素。 ...

    遍历DO元素

    遍历DOM元素是JavaScript和jQuery中常见的任务,用于查找、修改或者操作页面内容。本篇将详细探讨如何在jQuery中遍历和筛选DOM元素。 首先,我们来看3.1.1章节关于按索引筛选元素的方法: 1. `.eq(index)`:这个...

    关于jQuery中的end()使用方法

    jQuery是一个快速、小巧的JavaScript库,它通过使用CSS选择器语法简化了HTML文档遍历和操作,事件处理,动画和Ajax交互。end()方法是jQuery的核心方法之一,它主要用于在链式操作中撤销最近的筛选操作,恢复到之前的...

    jQuery计时器插件jQueryTimer

    jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。通过使用jQuery,开发者可以编写更少的代码来实现复杂的效果。 ### 2. jQuery Timer安装 要使用jQuery Timer,首先需要在...

    jQuery选择预约日期和时段代码

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在这个场景中,我们关注的是使用jQuery来实现移动端的预约日期和时段选择功能,这通常涉及到用户界面(UI)...

    jQuery之end()和pushStack()使用介绍

    但在我们自己写jQuery代码的时候,... 当我们再链式调用end()方法后, 内部就返回当前jQuery对象的prevObject. 具体更多细节, 直接看源码即可. 这里只做个简单的分析, 直接来个例子: html: 代码如下: &lt;div id=”gran

    JQuery(A~Z)教程

    jQuery的遍历方法如`.find()`, `.closest()`, `.end()`等,使得在DOM树中导航更加方便。 ### U - Utility Methods jQuery提供了许多实用工具方法,如`.is()`, `.data()`, `.attr()`, `.val()`, `.css()`等,用于...

Global site tag (gtag.js) - Google Analytics