jquery模型（外壳实现）

详细解释：

  1、现在传入的参数是window,document,可以知道是它俩引用

  2、

3、

4、每次调用jquery方法，都会创建一个实例，但是内存并没有暴涨，原因是：jquery里面new 的这个实例，是一个局部变量，局部变量在没有被全局引用的情况下，会被浏览器

自动回收

/*
    传入参数：
    1、标示度，一眼能够知道在那引用
    2、加快查找速度（JS是往上冒泡查找的，所以传入会更快）
    3、undefined(当方法参数没有传入的时候，那么他就是未定义的)

 */
(function(win,doc){//毕包
    //这里面声明的变量/方法都是局部的，如果全局需要引用，那么需要注册全局
    
    
    //无new构造


    //局部变量在没有引用的时候会被浏览器自动回收

    var  myjquery = function(_this){
        return new Base(_this);//每次执行都得到一个实例，说明Base里面的不会相互影响
    }

    function Base(_this){

        this.elements = [];//存放/保存获取的DOM元素
        //因为每个对象操作的是已知的DOM元素所以每次返回只需要this（Base）本身即可
        if(_this != undefined){
            this.elements[0] = _this;//
        }
    }
    /*
        //获取ID
        Base.prototype.getId = function(id){//ID是唯一的，不需要管理，可以直接获取
            this.elements.push(document.getElementById(id));
            return this;
        }

        //Tag标签和class是可以获取多个的，所以需要特殊对待，就需要for循环逐个处理获取
        //获取标签（Tag）
        Base.prototype.getTagName = function(tag){
            var tags = document.getElementsByTagName(tag);
            for(var i = 0;i < tags.length;i++){
                this.elements.push(tags[i]);
            }
            return this;
        }

        Base.prototype.getClass = function(){

        }

     */
     //解耦
    Base.prototype = {//括号里面都是以对象（名字：对象）的形式书写
        //获取ID
        getId:function(id){//ID是唯一的，不需要管理，可以直接获取
            this.elements.push(doc.getElementById(id));
            return this;
        },
        //Tag标签和class是可以获取多个的，所以需要特殊对待，就需要for循环逐个处理获取
        //获取标签（Tag）
        getTagName:function(tag){//仅仅只是一个开始
            var tags = doc.getElementsByTagName(tag);
            for(var i = 0;i < tags.length;i++){
                this.elements.push(tags[i]);
            }
            return this;
        },
        //获取class
        //和Tag一样，需要逐个获取
        getClass:function(className,idName){
            //ID:document.getElmenentById();
            //class:document.getElementsByClassName();//不兼容
            var node = null;
            if(arguments.length == 2){
                node = doc.getElementById(idName);
            }else{
                node = doc;
            }

            var all = node.getElementsByTagName("*");
            for(var i = 0;i < all.length;i++){
                //需要判断是否存在class,而不是等于
                //这里暂时直接等于，但不是包含（绝对不能写包含）
                if(all[i].className == className){
                    this.elements.push(all[i]);
                }
            }
            return this;

        },
        //增加class
        //给获取的元素增加class
        addClass:function(className){//$(".box .title")
            for(var i = 0;i < this.elements.length;i++){
                //匹配每个元素是否有传入的class名字，IndexOf
                //作业：如何实现给增加的class避免重复（注意完美实现）
                if(this.elements[i].className == className){//解决可能元素不存在
                    continue;
                }
                this.elements[i].className += " "+ className;


            }
            return this;
        },
        //indexOf和replace不可取
        removeClass:function(className){
            for(var i = 0;i < this.elements.length;i++){
                if(this.hasClass(this.elements[i],className)){
                    var currEle = this.elements[i];
                    //移除准确需要的位置，而不是直接replace
                    currEle.className = currEle.className.replace(
                        new RegExp('(\s|^)' + className + '(\s|$)'),"");
                }
            }
            return this;
        },
        //判断元素是否存在className
        hasClass:function(element,className){
            //正则匹配：true/false
            return element.className.match(new RegExp('(\s|^)' + className + '(\s|$)'));
        },
        //选择
        eq:function(num){//只选择一个
            var element = this.elements[num];//拿到选择的那个元素
            this.elements = [];//清空之前获取的元素
            this.elements[0] = element;//把选择的那个元素存储到this.elements
            return this;
        },
        click:function(fn){
            for(var i = 0;i < this.elements.length;i++){
                this.elements[i].onclick = fn;
            }
            return this;
        },
        hide:function(){
            for(var i = 0;i < this.elements.length;i++){
                this.elements[i].style.display = "none";
            }
            return this;
        },
        show:function(){//
            for(var i = 0;i < this.elements.length;i++){
                this.elements[i].style.display = "block";
            }
            return this;
        },
        /*
            不传入参数则表示获取
            传入参数则表示设置/覆盖
         */
        html:function(str){
            for(var i = 0;i < this.elements.length;i++){
                if(arguments.length == 0){//判断传入参数没有，0个
                    return this.elements[i].innerHTML;
                }
                this.elements[i].innerHTML = str;
            }
            return this;


        },
        tt:function () {
            return this
    }

    }
    

    win.myjquery = win.$  = myjquery;//只是一个方法


})(window,document);//传入一些常用的变量/对象