jquery的extend和fn.extend

可以用类来理解，JQuery便是一个封装得很好的类，比如我们用语句$("#btn1")会生成一个JQuery类的实例。

一、JQuery.fn.extend(object);

给JQuery对象添加方法。

等同于：

JQuery.fn = JQuery.prototype = {

  init:function(selector, context){}

};

就是为JQuery类添加“成员函数”。JQuery类的实例可以使用这个“成员函数”。

比如我们要开发一个插件，做一个特殊的编辑框，当它被点击时，便alert当前编辑框里的内容。可以这么做：

$.fn.extend({        

  alertWhileClick:function(){        

    $(this).click(function(){

      alert($(this).val());        

    });        

  }      

});

$("#input1").alertWhileClick(); // 页面上为：<input id="input1" type="text" />

$("#input1")为一个JQuery实例，当它调用成员方法alertWhileClick后，便实现了扩展，每次被点击时它会先弹出目前编辑里的内容。

 

二、JQuery.extend(object);

为扩展JQuery类本身，为类添加新的方法。

即为JQuery类添加静态方法。如：

$.extend({

  add: function(a, b){

    return a+b;

  }

});

便于JQuery添加一个为add的“静态方法”，之后便可以在引入JQuery的地方，使用这个方法了：

$.add(3,4)  //return 7