Jquery_如何擴展方法

jQuery 別名 $

一.  類級別擴展方法（好比$.ajax(...)）

　1> 單個全局方法

$.testExtend = function (){
     console.log("單個全局方法");
}

# 調用：$.testExtend();

   2> 多方法繼承　

$.extend({
	func01 : function(){
		console.log("func01");
	},
	func02 : function(){
		console.log("func02");
	},
	func03 : function(){
		console.log("func03");
	}
})　

# 調用：$.func01()/$.func02()/$.func03()

　3> 自定義命名空間(我的理解爲類,上面兩種的結合)　

$.space = {
	func01 : function(){
		console.log("func01");
	},
	func02 : function(){
		console.log("func02");
	},
	func03 : function(){
		console.log("func03");
	}
}

# 調用: $.space.func01();

二.  對象下擴展方法

　1> 最簡單的一種

$.fn.func01 = function(){  
	console.log("func01");
}  

# 調用: $("#btn").func01();

    2> 多方法

(function($){     
	$.fn.extend({     
		testing:function(opt,callback){     
			console.log("testing");     
		},
		testing1:function(opt,callback){     
			console.log("testing1");   
		}  		
	})     
})(jQuery);

# 調用：$("#btn").testing($(this),function(){});

(function (ee) {   
	ee.fn.f1 = function (obj) {   
		alert(obj+"f1");  
	};
	ee.fn.f2 = function (obj) {   
		alert(obj+"f2");  
	};
})(jQuery)   

# 調用：$("#btn").f1("hello");