Jquery_如何擴展方法

時間 2019-12-07 標籤 jquery 如何擴展方法

jQuery 別名 $

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

　1> 單個全局方法ajax

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

# 調用：$.testExtend();

2> 多方法繼承　this

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

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

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

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

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

二. 對象下擴展方法對象

　1> 最簡單的一種blog

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