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");