$.fn、$.fn.extend和$.extend的区别

$.fn

$.fn是指jquery的命名空间，加在fn上的方法及属性，会对jquery实例每一个有效。 如：扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了。那么你可以这样子：$("#div").abc(); 

$.fn=jQuery.prototype

$.fn = jQuery.prototype ={ 
　　　init: function( selector, context ){//....　 
　　　//...... 
}; 

以上js代码是定义一个jQuery原型方法的示例，$("#btn1") 会生成一个 jQuery类的实例，这个实例就可以调用init方法：$("#btn1") .init;

jQuery.extend(object)

jQuery.extend(object)为jQuery类添加添加类方法，可以理解为添加静态方法。

$.extend({ 
　　add:function(a,b){returna+b;} 
}); 

 以上js代码就定义了一个名为add的jQuery静态方法。之后便可以在引入 jQuery　的地方，使用这个方法了： $.add(3,4); //return 7 

Object jQuery.extend( target, object1, [objectN])

用一个或多个其他对象来扩展一个对象，返回被扩展的对象

var settings = { validate: false, limit: 5, name: "foo" }; 
var options = { validate: true, name: "bar" }; 
jQuery.extend(settings, options); 
结果：settings == { validate: true, limit: 5, name: "bar" }

 

jQuery.fn.extend(object)

jQuery.fn.extend(object);对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。 

jQuery.fn.extend = jQuery.prototype.extend