菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
5
0

jQuery之end()和pushStack()使用介绍

原创
05/13 14:22
阅读数 225954
编程客栈

zhasKJEBt编程客栈


复制代码 代码如下:

<div id="grandparent">
I am grandparent.
<div id="parent">
I am parent.
<div id="child">
I am child.
</div>
</div>
</div>

javascript
复制代码 代码如下:

var els = $('#child').parent().parent();
console.dir(els);




复制代码 代码如下:

$.fn.grandparent = function() 编程客栈{
return this.parent().parent();
};



复制代码 代码如下:
$('#child').grandparent().end(); //jQuery-[div#parent]




复制代码 代码如下:

$.fn.grandparent = function() {
var els = this.parent().parent();
return this.pushStack(els.get());
};




复制代码 代码如下:

var grandparent = $('#child').grandparent()./* jquery-[div#grandparent]*/.end() /*jquery-[div#c编程客栈hild]*/

此博文内容的主体思想来自Learning JQuery中的一篇博客, 感谢该作者的分享. 感兴趣的话, 点击jQuery pushStack.

本文标题: jQuery之end()和pushStack()使用介绍
本文地址: http://www.cppcns.com/wangluo/javascript/86345.html

发表评论

0/200
5 点赞
0 评论
收藏
为你推荐 换一批