03 JQuery插件机制

1.this指针
1.1 this的用法
this:当前上下文DOM对象
$(this):当前上下文jQuery对象，可以调用jQuery的方法和属性

1.2 作用域 ：
1.事件源：(“button”).click(…………..)
2.当前元素:$(“button”)
3.事件本身:click

1.插件机制介绍
利用jQuery提供的jQuery.fn.extend()和jQuery.extend()方法，扩展jQuery的功能。
其实jQuery插件就是给jQuery添加新的实例方法或类方法，然后将功能封闭在其中。

jQuery.fn.extend()是JQuery对象 扩展方法和属性 对象名.方法名
jQuery.extend()是给JQuery选择器选中的对象扩展方法和属性（类方法，静态方法） “类名.静态方法名”

案例：    
    //$.extend()扩展jquery类方法，  （类名.方法）例如：$.ajax

$(function(){
//作用1：合并对象
var obj1={“id”:1};
var obj2={“id”:2,”name”:”张三”};
var obj3={“age”:18};
var obj4=$.extend({},obj1,obj2,obj3); //将obj2合并到obj1
console.log(obj4);

//作用2：扩展jquery类方法

       var method={
           "show":function(b){   
                 alert("弹弹弹"+b);
               }, 
                "hides":function(){
                }
           };

         $.extend(method);  //为jquery扩展了一个show()方法



         //调用扩展的jquery方法
            $.show(",弹走鱼尾纹");
            $.hides();

//$.fn.extend()扩展实例方法

（实例化对象名.方法名）

         var method={"show":function(){
               alert("弹弹弹"+options)
             }
         };

            $.fn.extend(method);
   });





 3.1 $.extend(obj1,obj2,obj3[,...])  
 将所有参数合并到obj1中，并返回obj1

 3.2 $.extend(obj1)/$.method=function(option){...};
 以obj参数扩展jQuery的类方法和类属性（静态方法和静态属性）

 3.3 $.extend(obj1,obj2) 命名参数的写法
 写法：$.extend(default,option)

4.插件：表格行颜色切换效果
1）bgcolor.css
2）jquery.bgcolor.js
3）$.fn.extend$(‘table’).bgcolor(options);