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[] = _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 = ;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 == ){
                 node = doc.getElementById(idName);
             }else{
                 node = doc;
             }

             var all = node.getElementsByTagName("*");
             for(var i = ;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 = ;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 = ;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[] = element;//把选择的那个元素存储到this.elements
             return this;
         },
         click:function(fn){
             for(var i = ;i < this.elements.length;i++){
                 this.elements[i].onclick = fn;
             }
             return this;
         },
         hide:function(){
             for(var i = ;i < this.elements.length;i++){
                 this.elements[i].style.display = "none";
             }
             return this;
         },
         show:function(){//
             for(var i = ;i < this.elements.length;i++){
                 this.elements[i].style.display = "block";
             }
             return this;
         },
         /*
             不传入参数则表示获取
             传入参数则表示设置/覆盖
          */
         html:function(str){
             for(var i = ;i < this.elements.length;i++){
                 if(arguments.length == ){//判断传入参数没有，0个
                     return this.elements[i].innerHTML;
                 }
                 this.elements[i].innerHTML = str;
             }
             return this;

         },
         tt:function () {
             return this
     }

     }

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

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