Jquery_如何扩展方法

最新推荐文章于 2022-11-23 22:56:03 发布

weixin_30535913

最新推荐文章于 2022-11-23 22:56:03 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/eRrsr/p/8341181.html

本文详细介绍了jQuery中扩展方法的三种方式：类级别的扩展方法，包括单个全局方法、多方法继承及自定义命名空间；对象级别的扩展方法，涵盖最简单的扩展方法及多个方法的扩展。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/eRrsr/p/8341181.html