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
您可能感兴趣
- Uncaught TypeError: jQuery.handleError is not a function
- jquery实现页面滚动时自动加载内容
- jquery中append和appendto的区别
- jquery轮播图的左右按钮(jQuery轮播图功能实现方法)
- jQuery toggleClass
- jQuery商品属性选择的实现
- jquery插件写法
- jquery鼠标滑过显示提示框
- jquery deferred对象
- jquery on绑定多个事件
- jquery弹出窗口过渡效果(jQuery实现大屏滚动播放效果)
- jquery插件开发
- 链式编程jquery(实例详解jQuery的链式编程风格)
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- jquery滚动固定插件在哪(jquery 步骤进度轴插件的实现代码)
- jquery留言板代码(JavaScript实现留言板添加删除留言)
- 朱鹤松被不断认可,凤凰传奇玲花喊话岳云鹏,索要老朱演出门票(朱鹤松被不断认可)
- 元宵晚会槽点多,芒果台上来就假唱,岳云鹏不说相声改评书了(元宵晚会槽点多)
- 岳云鹏跟凤凰传奇谈心,说出了人生中最重要的三个人,这才成功(岳云鹏跟凤凰传奇谈心)
- 爱情可以当饭吃吗(爱情能当饭吃吗)
- Top 3 JSHS《运动与健康科学 英文 》跻身SCI体育学期刊世界前三(Top3JSHS运动与健康科学)
- 体坛传媒LOGO全新升级,多元发展迈出坚实步伐(体坛传媒LOGO全新升级)
热门推荐
- sql server 报错(sql server利用不同语种语言显示报错错误消息的方法示例)
- 查看IIS网站的进程ID
- mysql各种查询方式(mysql查询的控制语句图文详解)
- linux安装php目录路径修改(ubuntu环境下的php相关路径与修改方法)
- thinkphp5框架怎么打开(thinkphp5.1框架模板布局与模板继承用法分析)
- ci框架怎样修改为https协议(CI框架教程之优化验证码机制详解验证码辅助函数)
- linq中group by
- 宝塔linux面板搭专业版(宝塔linux面板怎么卸载?)
- laravel事件返回错误数据(laravel Validator ajax返回错误信息的方法)
- mysqlexplain各个字段作用(MySQL EXPLAIN语句的使用示例)