JQuery 插件机制 （extend or fn.extend）

首先 ，再用JQuery 时 得导包 ，以下我导入的是目前最高版本

   

1：JQuery 机制 

     其实就是给JQuery 对象添加实例方法或类方法，而通过$.extend() or $.fn.exntend()来实现

 要明白JQuery 机制 就要想了解  extend or fn.extend

2：extend

      //例子1  
  var v = {df:"ff",dd:"54"};   json 对象
  var f = {gg:"hh"};
  $.extend(v,f);  将对象f 的方法和属性 扩展(加入) 到 v 的属性和方法上
  alert(v.gg);  因此可以点出

  弹出结果：

  也就是$.extend(v,f,?,?,?....);可以無限拓展 到最前面的屬性和方法中

    //例子2
    var v  = {dd:"1",df:function (){
    alert("123");
    }};
     $.extend(v);将对象v 的方法和属性 扩展到jQuery 的类属性和类方法(就是直接可             jQuery 点出方法和属性);
     $(function() {
    $.df();   因此弹出 123
});

   結果如下： 

  3:fn.extend

    //例子3 fn.extend 
     var v  = {dd:"1",df:function (){
      alert("123");
     }};
     $.fn.extend(v); //将v 的属性和方法 扩展到jQuery 实例对象的实例属性和实例方法
     $(function () {
// $.df();  //没用
$("h1").df(); //弹出  123 
});

   结果如下：

   这里需要注意 ： extend 代表 $.exntend 就可以点出使用

   而 fn.extend() 是使用jQuery 对象才能点出方法

  所以 只需要了解extend  or fn.extend 就能写出 JQuery 插件了  写好引用就行