jQuery外掛開發中$.extend和$.fn.extend辨析

 jQuery外掛開發分為兩種：

1 類級別

類級別你可以理解為擴充jquery類，最明顯的例子是$.ajax(...),相當於靜態方法。

開發擴充套件其方法時使用$.extend方法，即jQuery.extend(object); 

$.extend({ 

       add:function(a,b){return a+b;} ,

       minus:function(a,b){return a-b;} 
}); 

頁面中呼叫：

var i = $.add(3,2);

var j = $.minus(3,2);

2 物件級別

物件級別則可以理解為基於物件的擴充，如$("#table").changeColor(...); 這裡這個changeColor呢，就是基於物件的擴充了。

開發擴充套件其方法時使用$.fn.extend方法，即jQuery.fn.extend(object); 

$.fn.extend({

        check:function(){
              return this.each({
                   this.checked=true;
             });
        },
       uncheck:function(){
              return this.each({
                    this.checked=false;
             });
       }
});

頁面中呼叫：

$('input[type=checkbox]').check();
$('input[type=checkbox]').uncheck();

3、擴充套件

$.xy = {
add:function(a,b){return a+b;} ,
minus:function(a,b){return a-b;},
voidMethod:function(){ alert("void"); }
};
var i = $.xy.add(3,2);
var m = $.xy.minus(3,2);
$.xy.voidMethod();

文章轉自：http://blog.csdn.net/woshixuye/article/details/7246735