jQuery end()的使用

转载 2015年07月08日 10:17:59

end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。

一、jQuery()中end()的源码

    // 所有通过pushStack方法获得的jQuery对象都可以通过end方法返回之前的状态
    // 如果有preObject对象这返回该对象,否则调用构造函数返回jQuery的空对象
     end: function() {
         return this.prevObject || this.constructor(null);
     },

二、jQuery()中end()实例

<!DOCTYPE html>
<html>
<head>
</head>

<body>
  <p><span>Hello</span>, how are you?</p>
  <script>$("p").find("span").end().css("border", "2px red solid");</script>
</body>
</html>

//说明

//$("p").find("span")表示查找P元素下的SPAN元素

//但是我想更改P的边框,这时我就要返回到P元素(即从SPAN返回到P,就是还原为之前的状态)

//$("p").find("span").end()这个语句就返回来了。

//$("p").find("span").end().css("border", "2px red solid")把P的边框设置了。
<div id="test">  
    <h1>jQuery end()方法</h1>  
    <p>讲解jQuery中end()方法。</p>  
</div> 

<scripg>
$(document).ready(function() ...{   
    $("#test").click(function() ...{   
        $(this).find("p").hide().end().hide();   
    });   
});
</script>


//说明  //点击id为test的div时,首先找到div里边的p标签,将其隐藏。 //接下来使用end()方法结束了对p标签的引用,此时返回的是#test(jQuery对象),从而后边的hide()方法隐藏了div。

文章转载自: jQuery end()   http://www.studyofnet.com/news/932.html

jQuery end()方法解释

对于end()方法,jQuery文档是这样解释的:jQuery回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态。 但给的例子并不是很明显,相信不少人并没有理解它的用法。...
  • qrj20112
  • qrj20112
  • 2016年11月18日 11:53
  • 136

Trim(),TrimEnd(),TrimStart() 用法

Trim(),TrimEnd(),TrimStart() 用法Trim() : 是截取首位相匹配的字符后得到的字符串,如果不带参数则截取首位的空字符得到字符串如: this.TextBox2.Text...
  • feng_zhenrong
  • feng_zhenrong
  • 2011年03月19日 12:30
  • 1454

jquery-ui的sortable插件使用示例

首先把这三个资源下载下来: 然后页面初始化的时候,调用这个js方法: $( "#sortable" ).sortable(); 如果希望把序列的值返回给后台的话,需要把ul元素的id写成k...
  • bruce128
  • bruce128
  • 2013年06月03日 14:20
  • 12521

jQuery源码学习 之 end与addBack

1. 理解原理 大多数QueryDOM遍历方法是操作jQuery对象实例,并创建一个新的对象,匹配一个不同的DOM元素集合。当发生这种情况时,实际上是新的元素集合被压入到对象内部维护的栈中,每次过滤方...
  • zhao_shanshan
  • zhao_shanshan
  • 2015年09月29日 20:34
  • 477

jQuery的ready函数不执行,报错:Unexpected end of input "",原因是js有语法错误,js文件中的所有东西即变量,一点也没有创建到内存中

Unexpected end of input "" 原因是js文件,语法错误,括号没有闭合。 js最后,括号,没有闭合。...
  • Ideality_hunter
  • Ideality_hunter
  • 2017年10月20日 14:35
  • 188

JQ addback( ) 与 end ( ) 区别

addback () 返回当前的元素与先前的元素的集合 end( ) 只返回链式结构中先前的元素。 例子:addback(): 考虑一个页面,一个简单的列表就可以了: 1 ...
  • liuboman
  • liuboman
  • 2016年02月22日 16:10
  • 716

【Python】Python之end()关键字使用

关键字end可以用于将结果输出到同一行,或者在输出的末尾添加不同的字符,实例如下:a, b = 0, 1 while b < 1000: print(b, end=',') a, b ...
  • u014647208
  • u014647208
  • 2017年08月31日 17:16
  • 2351

bootstrap layer.open中end的使用

遇到一个问题:点击layer弹出层中的按钮之后,完成一系列操作,弹出层自我关闭并在父界面弹出一句提示。 简单查找了一下,发现了layer.open中的end。 下面三句介绍引自 http://f...
  • Ricecongee
  • Ricecongee
  • 2017年06月21日 22:25
  • 2207

jQuery中的end()

要说end(),我们就不得不说prevObject。 在jQuery中,每个jQuery对象都有一个prevObject属性 var $p = $('p'); 这个属性是...
  • g6uqwseseo
  • g6uqwseseo
  • 2017年05月05日 14:29
  • 80

如何使Home和End键在linux的xterm中正常工作

最近装了一个SuSE linux,发现putty在用SSH连接的时候,键盘的Home和End键不能正常工作。为了了解当前用的是什么终端,我在linux shell中键入:[WYQ:/]# echo $...
  • hello_wyq
  • hello_wyq
  • 2007年03月28日 18:26
  • 3740
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery end()的使用
举报原因:
原因补充:

(最多只允许输入30个字)