简单的jQuery底层核心框架/库解说

<div id="jack">loading</div>
<script>
(function( window, undefined ) {
    var J = (function(ns){
        var J = function(selector){
            return new J.prototype.init(selector); // 返回创建一个对象,让此对象具有 相对应的方法和属性;
        };
        J.prototype = {
            init: function(selector){
                var quickExpr = /^(?:[^<]*(<[wW]+>)[^>]*$|#([w-]+)$)/,
                match = quickExpr.exec( selector ),
                elem = document.getElementById( match[2] );
                this[0] = elem;
                return this; //返回dom 对象
            },
            html: function(value){
                return this[0].innerHTML = value;    
            }
        }
        J.prototype.init.prototype = J.prototype; // 将已有对象的属性和方法赋值给 DOM对象
        return window[ns] = window.$ = J; // 这个比较好理解，把J的对象赋值给全局$
    })("Jack");// 这里的jack可以自定义,方向区别$
})(window);
Jack("#jack").html("test");
</script>