jQuery的end()方法使用详解
end()方法的定义和用法:
end()方法能够回到最近的一个"破坏性"操作之前，即将匹配的元素列表变为前一次的状态。
如果没有破坏性操作将返回一个空集。
破坏性操作的概念:指任何改变所匹配元素的操作。可能大家对这个概念比较模糊，举个例子:
$("li").css("color","red");
以上代码的CSS函数就不是一个破坏性操作，因为匹配元素列表并没有发生变化，改变的是元素中的文本内容的CSS属性。
$("li").find(".first")
以上代码就是一个破坏性操作，因为匹配元素的列表发生了变化，比如有三个li元素，那么匹配元素的列表有三个元素，但是经过使用find()方法筛选以后，匹配元素列表只有一个元素了，这就是发生了"破坏性"操作。
语法结构:
$(selector).end()
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>小牛知识库</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".first").find(".div").css("color","green");
$(".second").find(".div").end().css("color","blue");
$(".third").find(".js").css("color","blue").end().css("color","red")
})
</script>
</head>
<body>
<div>
<ul class="first">
<li>HTML专区</li>
<li>Javascript专区</li>
<li class="div">Div+Css专区</li>
<li>Jquery专区</li>
</ul>
<ul class="second">
<li>HTML专区</li>
<li>Javascript专区</li>
<li class="div">Div+Css专区</li>
<li>Jquery专区</li>
</ul>
<ul class="third">
<li>HTML专区</li>
<li class="js">Javascript专区</li>
<li>Div+Css专区</li>
<li>Jquery专区</li>
</ul>
</div>
</body>
</html>
以上所述就是本文的全部内容了，希望大家能够喜欢。
-
本文向大家介绍jQuery的bind()方法使用详解，包括了jQuery的bind()方法使用详解的使用技巧和注意事项，需要的朋友参考一下 bind()方法用法详解: 此方法是使用比较频繁的方法之一，虽然在API手册上有着对方法的介绍，但是由于语言简短，例子不够详细，可能会造成不能够完全准确的掌握bind()方法的使用，下面就结合实例介绍一下此方法的使用。 语法格式: 此方法可以为所有匹配元素的特
-
本文向大家介绍jQuery Validation PlugIn的使用方法详解，包括了jQuery Validation PlugIn的使用方法详解的使用技巧和注意事项，需要的朋友参考一下 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistanc
-
本文向大家介绍详解jQuery中的prop()使用方法，包括了详解jQuery中的prop()使用方法的使用技巧和注意事项，需要的朋友参考一下 prop()定义和用法 prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值，例如 DOM
-
本文向大家介绍jQuery中each方法的使用详解，包括了jQuery中each方法的使用详解的使用技巧和注意事项，需要的朋友参考一下 概述： each() 方法规定为每个匹配元素规定运行的函数。 返回 false 可用于及早停止循环,相当于break。 返回 true 可以结束本次循环，相当于continue。 语法: 1.遍历js数组 2.遍历Object对象 3.遍历JSON对象
-
本文向大家介绍基于JQuery的Ajax方法使用详解，包括了基于JQuery的Ajax方法使用详解的使用技巧和注意事项，需要的朋友参考一下 如下所示： 以上这篇基于JQuery的Ajax方法使用详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍详解jquery事件delegate(）的使用方法，包括了详解jquery事件delegate(）的使用方法的使用技巧和注意事项，需要的朋友参考一下 我们先看官方是怎么说delegate()方法，delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数，使用 delegate() 方法的事件处理程序适用于当前或未来的元