构建jQuery对象的源代码分析--转了

 

 

(function (window, undefined) {

    

    // 构造jQuery对象

    var jQuery = (function () {

        

        //以下定义了内部变量

        // Define a local copy of jQuery

        

        var jQuery = function (selector, context) {

            // The jQuery object is actually just the init constructor 'enhanced'

            return new jQuery.fn.init(selector, context, rootjQuery);

        };

        

        //把jQuery的原型 prototype赋给jQuery.fn

        jQuery.fn = jQuery.prototype = {

            constructor : jQuery,

            /**

             * selector有以下7种分支情况：

            DOM元素

            body（优化）

            字符串：HTML标签、HTML字符串、#id、选择器表达式

            函数（作为ready回调函数）

            最后返回伪数组

             */

            init : function (selector, context, rootjQuery) {

                //后期会详细分析此处的实现

            }

            

        };

        

        // Give the init function the jQuery prototype for later instantiation

        //把jQuery.fn赋值到jQuery.fn.init.prototype，这样init指向的原型prototype也具有了jQuery.fn的功能

        jQuery.fn.init.prototype = jQuery.fn;

        

        //jQuery的继承实现

        jQuery.extend = jQuery.fn.extend = function () {};

        

        // 在jQuery上扩展静态方法

        jQuery.extend({

            // ready bindReady

            // isPlainObject isEmptyObject

            // parseJSON parseXML

            // globalEval

            // each makeArray inArray merge grep map

            // proxy

            // access

            // uaMatch

            // sub

            // browser

        });

        

        // 到这里，jQuery对象构造完成，后边的代码都是对jQuery或jQuery对象的扩展

        return jQuery;

        

    })();

    

    // Expose jQuery to the global object

    //设置jQuery 和  $为window全局变量

    window.jQuery = window.$ = jQuery;

    

})(window);