jquery 插件封装总结

最新推荐文章于 2020-08-03 22:40:32 发布

原创最新推荐文章于 2020-08-03 22:40:32 发布 · 802 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jquery 专栏收录该内容

17 篇文章

订阅专栏

本文总结了封装插件的三种常见类型：封装对象、全局函数和选择器，并提供了相应的使用模板。详细介绍了如何通过jQuery进行封装，包括通用模板、封装对象和封装全局函数的具体实现。

总结了下网上文章:

菜鸟总结,求大神指正,一定尽力改

封装插件的类型主要分3类:

1.封装对象(比较常用)

2.封装全局函数(一般)

3.封装选择器(不常用)

下面一个一个介绍下面

通用模版

;(function($){
            $.fn.hilight=function(options){
                var defaults={
                    foreground:'red',
                    background:'yellow'    
                };
                var opts = $.extend(defaults,options);
                //dosomethings
            };
        })(jQuery);

1.封装对象

;(function($){
	$.extend({
		"函数名":function(自定义参数){
			//这里写插件代码
		}
	});
})(jQuery);
或者
;(function($){
	$.函数名=function(自定义参数){
		//这里写插件代码
	}
})(jQuery);

2.封装全局函数

;(function($){
	$.extend({
		ltrim:function(text){
			return (text||"").replace(/^\s+g,"");
		},
		rtrim:function(text){
			return (text||"").replace(/\s+$/g,"");
		}
	});
})(jQuery);
或者
;(function($){
	$.ltrim=function(text){
		return (text||"").replace(/^\s+g,"");
	},
	$.rtrim=function(text){
		return (text||"").replace(/\s+$/g,"");
	}
	
})(jQuery);

3.封装选择器

…………