jquery的$.extend()、$.fn和$.fn.exte

本文针对以上三种方法进行分析
javascript 没有类的概念，为了方便理解我们暂且将jQuery归为一个类。
那么$("test") 就是这个类的一个实例

• $.fn

//$.fn =$.prototype.
jQuery.fn = jQuery.prototype = {
　　　init: function( selector, context ) {//….
//……
};
//使用
$("test").init()

• $.extend() 是对类的一个扩展，添加类的方法。

//jQuery.extend(object)(为jQuery类添加类方法，可以理解为添加静态方法)
jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); //  2 
jQuery.max(4,5); //  5
//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" }

• $.fn.extend() jQuery类添加“成员函数,jQuery类的实例可以使用这个“成员函数”。

//jQuery.fn.extend(object);   jQuery.fn.extend = jQuery.prototype.extend
$.fn.extend({          
    alertWhileClick:function() {            
          $(this).click(function(){                 
                 alert($(this).val());           
           });           
     }       
});       
$("#input1").alertWhileClick();
//插件机制
(function( $ ){
$.fn.tooltip = function( options ) {
};
//等价于
var tooltip = {
function(options){
}
};
$.fn.extend(tooltip) = $.prototype.extend(tooltip) = $.fn.tooltip
})( jQuery );