jQuery的XX如何实现？——1.框架介绍

源码链接：内附实例代码

jQuery使用许久了，但是有一些API的实现实在想不通。于是抽空看了jQuery源码，现在把学习过程中发现的一些彩蛋介绍给大家(⊙０⊙)。

下面将使用简化的代码来介绍，主要关注jQuery的实现思想~>_<~

 1 //匿名立即执行函数 2 //1.防止污染全局空间 3 //2.选择性保护内部变量 4 (function(window, undefined){ 5   //第二参数undefined设置而不传的原因： 6   // 外部发生这种情况:var undefined = 10时，undefined会被篡改 7   // 设置第二参数而不传，则undefined就会被重置回原来值 8  9   function jQuery(sel){10     return new jQuery.prototype.init(sel);11   }12   13   jQuery.prototype = {14     constructor: jQuery,15     init: function(sel){16       if(typeof sel === 'string'){17         var that = this;18         //jQuery内部使用的是Sizzle，这里使用querySelectorAll替代19         var nodeList = document.querySelectorAll(sel);20         Array.prototype.forEach.call(nodeList, function(val, i){21           that[i] = val;22         })23         this.selector = sel;24         this.length = nodeList.length;25       }26     }27   }28   29   jQuery.prototype.init.prototype = jQuery.prototype;30   31   //对外暴露jQuery：将jQuery绑定在window上面32   window.$ = jQuery;33 })(window);

原标题：jQuery的XX如何实现？——1.框架介绍

关键词：jquery