jquery end()用法

声明：转载

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

实例

选择所有段落，找到这些段落中的 span 元素，然后将它们恢复为段落，并把段落设置为两像素的红色边框：

$("p").find("span").end().css("border", "2px red solid");

看到例子应该还会有人不太理解end()怎么用。
下面通过一个简单的例子说明一下end()的用法：

div{color:#fff;width:100px;height:30px;background:#333;text-align: center;line-height:30px;
}

<div id="box"><div class="box1">1</div><div class="box2">2</div><div class="box3">3</div>
</div>

$("#box").find("div").each(function (i) {if(i==1){$(this).siblings().hide().end().show();}
});

页面加载遍历#box下的所有div，找到角标为1的div的兄弟节点，并将其隐藏。然后使用end()方法结束了对p标签的引用，此时返回的对象是#box下角标为1的div，后面的show()是作用在box2上的。所以最后执行的结果是box1,box3隐藏，box2显示。

执行结果如下：

jquery end()用法相关推荐

jQuery .tmpl() 用法
参考效果: DEMO 下载: jquery-tmpl-master 动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等. 这些情况下,动态请求返回 ...
Js框架的JQuery基本用法
1.jQuery基本用法常用的js框架 1.dojo面向对象的js框架 2.extjs学习成本比较高,它提供大量的丰富组件,它效果展示非常好 3.prototype早期比较流行的js框架 4.ang ...
jQuery高级用法、axios、同源与跨域、JSONP以及防抖与节流
重点: 一.jQuery高级用法 1. jQuery实现文件上传 (1)定义UI结构 (2)验证是否选择了文件 ①将 jQuery 对象转化为 DOM 对象,并获取选中的文件列表 ②判断是否选择了文件 ...
jQuery 事件用法详解
目录简介实现原理事件操作绑定事件解除事件触发事件事件委托事件操作进阶阻止默认事件阻止事件传播阻止事件向后执行命名空间自定义事件事件队列 jquery中文文档简介 jque ...
ajax error的用法,JQuery ajaxError()用法及代码示例
jQuery中的ajaxError()方法用于指定AJAX请求失败时要运行的功能. 用法: $(document).ajaxError( function(event, xhr, options, e ...
加js库和css库| jQuery hover()用法 |document.onreadystatechange |get和post
**************************************************************************************************** ...
jQuery $.each用法
通过它,你可以遍历对象.数组的属性值并进行处理. 使用说明 each函数根据参数的类型实现的效果不完全一致: 1.遍历对象(有附加参数) $.each(Object, function(p1, p2) ...
JQuery Datatable用法
原文出处:http://sgyyz.blog.51cto.com/5069360/1408251 目标: 使用jQuery Datatable构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求 ...
jQuery学习之jQuery Ajax用法详解
jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起 ...
JSONP跨域原理和jQuery.getJSON用法
JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式).本文主要介绍JS ...

jquery end()用法

jquery end()用法相关推荐

最新文章

热门文章