JQuery end()方法解释（转）

JQuery end()方法解释（转）

(2011-03-10 16:15:10)

标签： it

分类： Web

对于end()方法，jQuery文档是这样解释的：jQuery回到最近的一个"破坏性"操作

 

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

 

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

 

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

1. <div id="test">  
2.     <h1>jQuery end()方法</h1>  
3.     <p>讲解jQuery中end()方法。</p>  
4. </div> 

JS代码：

1. $(document).ready(function() {   
2.     $("#test").click(function() {   
3.         $(this).find("p").hide().end().hide();   
4.     });   
5. });  

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

 

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

 

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