jQuery end()
类别:Web前端 浏览量:1485
时间:2015-6-6 jQuery end()
jQuery end()end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。
一、jQuery()中end()的源码
// 所有通过pushStack方法获得的jQuery对象都可以通过end方法返回之前的状态
// 如果有preObject对象这返回该对象,否则调用构造函数返回jQuery的空对象
end: function() {
return this.prevObject || this.constructor(null);
},
<!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的边框设置了。
<li id="test"> <h1>jQuery end()方法</h1> <p>讲解jQuery中end()方法。</p> </li> <scripg> $(document).ready(function() ...{ $("#test").click(function() ...{ $(this).find("p").hide().end().hide(); }); }); </script> //说明 //点击id为test的li时,首先找到li里边的p标签,将其隐藏。 //接下来使用end()方法结束了对p标签的引用,此时返回的是#test(jQuery对象),从而后边的hide()方法隐藏了li。
<script type="text/javascript">
$(function(){
$('<input type="button" value="click me" /><input type="button" value="triggle click me" /><input type="button" value="detach handle" /><input type="button" value="show/hide text" />').appendTo($('body'));
$('input[type="button"]').eq(0).click(function(){
alert('you clicked me!');
})
.end().eq(1).click(function(){
$('input[type="button"]:eq(0)').trigger('click');
})
.end().eq(2).click(function(){
$('input[typw="button"]:eq(0)').unbind('click');
})
.end().eq(3).toggle(function(){
$('.panel').hide('slow');
},function(){
$('.panel').show('slow');
});
})
</script>
<li class="panel">welcome to jQuery!</li>
标签:jQuery
您可能感兴趣
- jquery中animate
- jquery deferred对象
- JQuery中extend的用法
- jquery on绑定多个事件
- jquerycss3轮播案例(CSS3实现列表无限滚动/轮播效果)
- jquery ajax的async使用
- jquery解析xml
- jQuery end()
- jquery轮播图的左右按钮(jQuery轮播图功能实现方法)
- jQuery 右侧浮动导航菜单
- 2014-8-31
- 介绍几个jQuery实用函数
- jquery 淡入淡出
- 如何用jquery进行表单验证(jQuery实现发送验证码控制按钮禁用功能)
- jQuery邮箱自动补全
- jquery 选择器的用法
- 菲律宾游学(菲律宾游学中介机构)
- 菲律宾美食(菲律宾美食排行榜前十名)
- 菲律宾特产(菲律宾特产最值得买回国)
- 越南特产(越南特产首饰)
- TVB负评王连续挑战警察角色《使徒行者3》中将饰演卧底(TVB负评王连续挑战警察角色使徒行者3中将饰演卧底)
- 《精英律师》剧照首曝光,实力演员飙戏,演绎律政职场百态(精英律师剧照首曝光)
热门推荐
- pythonweb和nodejs(Node与Python 双向通信的实现代码)
- ReturnUrl带多个参数,返回时只返回一个参数的解决方法
- ASP.NET实现多文件上传
- python3 怎么查看函数用法(Python3 max函数基础用法)
- serv-u设置文件夹权限(serv_U 域离线 解决方法)
- laravel框架如何查询空的信息(Laravel 已登陆用户再次查看登陆页面的自动跳转设置方法)
- 云主机和云虚拟主机有什么区别(什么是云主机?云主机是独立空间吗?)
- mysql常用的sql语句大全(mysql建表常用的sql语句汇总)
- pythonopencv自定义阈值算法(理想高通滤波实现Python opencv示例)
- phpstudy服务器怎么设置(PHPStudy打开网页很慢的原因及解决方案)