博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery中的end()
阅读量:6173 次
发布时间:2019-06-21

本文共 1663 字,大约阅读时间需要 5 分钟。

要说end(),我们就不得不说prevObject。

在jQuery中,每个jQuery对象都有一个prevObject属性

var $p = $('p');

这个属性是做什么的呢?

  jQuery内部维护着一个jQuery对象栈。每个遍历方法都会找到一组新元素(一个jQuery对象),然后jQuery会把这组元素推入到栈中。

可能上面这句话让人读起来有些茫然,不要紧,我们来一个例子:

    
Title

看完上面这个例子,我们就大概就能明白end()的作用了。$('div').eq(0)的pervObject为$('div')。而end()的作用就是返回当前jQuery对象(在本例中就是$('div').eq(0))的prevObject对象。

来张图:

 

来看一看end()的源码:

jQuery.fn.end =  function() {        return this.prevObject || this.constructor(null);  // 返回当前jQuery对象的prevObject对象,简单直接    };

 

为了更深入了了解prevObject的实现原理,我们先来看一看eq()的源码:

jQuery.eq = function( i ) {        var len = this.length,            j = +i + ( i < 0 ? len : 0 );  // 负索引对应的正索引 =  负索引 + 长度        return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );   // 讲对应的DOM元素入栈操作    }

 

eq()用了一个pushStack()方法,那么pushStack()是什么鬼? pushStack会将传入的DOM元素创建为一个新的jQuery对象,并将这个新的jQuery对象的prevObject属性进行修改。 

jQuery.fn.pushStack = function( elems ) {        // Build a new jQuery matched element set        var ret = jQuery.merge( this.constructor(), elems );        // Add the old object onto the stack (as a reference)        ret.prevObject = this;        ret.context = this.context;        // Return the newly-formed element set        return ret;    };     // 将DOM元素融入到jQuery对象中,并返回融合后的jQuery对象    jQuery.merge = function( first, second ) {        // first:jQuery对象  second:DOM元素组成的数组        var len = +second.length,            j = 0,            i = first.length;        for ( ; j < len; j++ ) {            first[ i++ ] = second[ j ];        }        first.length = i;        return first;    };

 

posted on
2017-05-16 17:44 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/yezuhui/p/6862586.html

你可能感兴趣的文章
CERT:启用EMET的Windows 7比Windows 10更加安全
查看>>
LINE上市:一场迟到、勇敢又无奈的IPO
查看>>
OA选型:OA系统工作流是核心
查看>>
如何发现“利用DNS放大攻击”的服务器
查看>>
《Arduino开发实战指南:LabVIEW卷》——第2章 Arduino软件
查看>>
京津冀大数据走廊起笔谋篇
查看>>
WIFI连网一“吻”通 黑科技让无线路由器更智能
查看>>
Ovum光器件首席分析师:硅光子不是唯一解决方案
查看>>
大数据发展进入快车道 未来会呈现高速增长
查看>>
JVM基础:JVM内存组成及分配
查看>>
数据库锁和数据库隔离级别
查看>>
Linux下的内核测试工具——perf使用简介
查看>>
《从问题到程序:用Python学编程和计算》——2.3 内置函数和数学函数包
查看>>
《Photoshop修饰与合成专业技法》目录—导读
查看>>
《Metasploit渗透测试手册》—第1章1.10节分析数据库中存储的渗透测试结果
查看>>
《Adobe Acrobat XI经典教程》—第2课减小文件大小
查看>>
《数据库技术原理与应用教程》一第2章 数据库的基础知识
查看>>
QuaggaJS —— 纯 JavaScript 开发的条形码扫描
查看>>
在图片中加入噪点就能骗过 Google 最顶尖的图像识别 AI
查看>>
免费下载!业界首部安卓热修复宝典出炉,阿里技术大牛联袂推荐
查看>>