`

jQuery end()方法

阅读更多
转自:http://hyipaying.com/article/jquery/20100915/jquery-end-method.html
    对于end()方法,jQuery文档是这样解释的:jQuery回到最近的一个"破坏性"操作

之前。即,将匹配的元素列表变为前一次的状态。

    但给的例子并不是很明显,相信不少人并没有理解它的用法。

    下边我们以一个非常简单的例子来说明下用法,html代码如下:

Html代码 
<div id="test"> 
    <h1>jQuery end()方法</h1> 
    <p>讲解jQuery中end()方法。</p> 
</div> 

    下边是一小段jQuery代码:

Js代码 
$(document).ready(function() { 
    $("#test").click(function() { 
        $(this).find("p").hide().end().hide(); 
    }); 
}); 

    点击id为test的div时,首先找到div里边的p标签,将其隐藏。接下来使用end()

方法结束了对p标签的引用,此时返回的是#test(jQuery对象),从而后边的hide()方法

隐藏了div。这样相信大家已经理解了jQuery中end()方法。

分享到:
评论

相关推荐

    JQUERY 常用方法大全

    ### JQUERY 常用方法大全 #### 一、Attribute(属性操作) 1. **`.addClass()`** - **用途**:为匹配元素添加一个或多个类。 - **示例**: ```javascript $("p").addClass("highlight"); ``` 这将为所有的`...

    jquery常用的方法

    以下是对标题“jquery常用的方法”中提到的一些主要jQuery方法的详细解释: 1. **添加样式**: `$(”p”).addClass(css中定义的样式类型)` - 这个方法用于向指定的元素添加CSS类,例如`addClass("highlight")`可以将...

    jQuery常用方法jQuery常用方法

    在jQuery中,可以通过各种方法来操作DOM元素的属性值。 - **addClass(cssClass)**: 为匹配元素添加一个或多个类。例如:`$("p").addClass("cssClass");` - **attr()**: 可用于获取或设置一个或多个属性。 - 获取...

    jQuery的end()方法使用详解

    在jQuery库中,`end()`方法是一个非常有用的工具,它允许开发者在链式操作中恢复到之前的状态。本文将深入探讨`end()`方法的定义、用法和示例,帮助理解其工作原理。 首先,`end()`方法的主要作用是撤销最近的一次...

    jquery 使用方法

    `.end()` 方法用于回溯到上一步操作的结果集,允许继续处理之前选择的元素。 ### 四、元素的操作:取值与赋值 jQuery 提供了各种方法来获取和设置元素的属性值。 1. `.html()`:获取或设置元素的 HTML 内容。 2. ...

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

    end()方法是jQuery的核心方法之一,它主要用于在链式操作中撤销最近的筛选操作,恢复到之前的状态。理解end()的工作原理对掌握jQuery的链式调用至关重要。 在jQuery中进行元素操作时,经常需要使用链式调用的方式来...

    jQuery中end()方法用法实例

    jQuery中的end()方法是链式操作中的一个重要组成部分,它允许开发者在执行了一系列“破坏性”操作后回到操作之前的某个状态。所谓“破坏性”操作,指的是会改变当前jQuery对象集的操作,如find(), filter()等。 ...

    Jquery常用方法.txt

    ### Jquery常用方法详解 #### 属性操作 (Attribute) 1. **添加样式**: `$("p").addClass(css中定义的样式类型);` - **描述**:这个方法用于给指定的`&lt;p&gt;`元素添加一个已在CSS中定义好的类名。 - **应用场景**:...

    JQuery框架方法事件大全

    在JQuery中,事件和方法是其核心功能,使得开发者能够高效地编写交互性强的网页应用。以下是对标题和描述中提及的一些主要知识点的详细说明: 1. **DOM操作**: - `addClass()`:向匹配元素添加指定的CSS类,增强...

    jquery 事件方法大全

    `end()`, `filter(expression)`, `find(expr)`, `is(expr)`, `next(expr)`, `not(el)`, `not(expr)`, `not(elems)`, `parent(expr)`, `parents(expr)`, `prev(expr)`, `siblings(expr)` - 这些方法用于选择、过滤和...

    Java Web Jquery表单验证

    1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1、硬件要求:计算机一台 2、软件要求:Chrome浏览器、IE11浏览器、Firefox浏览器 3、网络要求:能访问...

    jquery 使用方法.pdf

    - `.end()`方法允许开发者回溯到上一个结果集,便于继续操作。例如,回溯到所有h3元素并选取第一个,再将其内容设为'World'。 4. 元素的操作:取值和赋值 - jQuery提供了`.html()`, `.val()`, `.text()`等方法,...

    jquery常用方法总结

    ### jQuery 常用方法总结 #### 一、获取元素 在 jQuery 中,获取页面中的元素是非常基础且频繁使用的操作之一。以下是一些常见的选择器及其用途: - **`$("标签")`**:通过标签名获取所有匹配的元素。例如 `$(...

    Jquery方法大全

    ### Jquery方法大全详解 #### 一、Attribute(属性操作) **1.1 addClass** ```javascript $("p").addClass(css中定义的样式类型); ``` - **功能**:为匹配到的元素添加一个或多个类。 - **参数**:接受一个或多个...

    jquery开发文档

    不过,对于性能敏感的应用,可能需要关注DOM操作的次数,以及适时使用 `.end()` 方法来恢复到之前的链式调用状态。 总结,这个“jQuery开发文档”是开发者日常工作的得力助手,无论是初学者还是经验丰富的开发者,...

    Jquery常用方法总结

    在本文中,我们将深入探讨 jQuery 的一些常用方法,以帮助开发者更好地理解和应用这些功能。 1. **选择器**: - `$("标签名")`:通过标签名选择元素,如 `$("div")` 会选择所有 div 元素。 - `$("#ID")`:通过 ID...

    jquery倒计时插件

    本文将深入探讨jQuery倒计时插件的原理、使用方法以及实际应用。 ### 1. jQuery与倒计时 jQuery库简化了JavaScript的DOM操作、事件处理和动画效果,使得开发者能够更高效地构建交互式网页。倒计时插件是jQuery生态...

    JQuery常用方法一览(网络收集集合-超级全)

    ### JQuery 常用方法一览 #### 一、Attribute 相关操作 1. **`.addClass()`** - **用途**:为元素添加一个或多个类名。 - **示例**:`$("p").addClass("css样式");` - 为所有 `&lt;p&gt;` 元素添加一个名为 `css样式`...

    jquery.page.js下载

    2. **初始化插件**:在文档加载完成后,使用jQuery的选择器找到需要应用滚动效果的元素,并调用`.page()`方法初始化插件。例如: ```javascript $(document).ready(function(){ $('body').page(); }); ``` 3. ...

Global site tag (gtag.js) - Google Analytics