首页 > 代码库 > 自己动手做jQuer插件
自己动手做jQuer插件
前言：这种东西随意可以在网上收到，这里我还是只是记下自己的见解和领。
第一种方式
1 (function ($) {2 $.extend({3 sayHello: function (name) {4 alert(name + ": hello");5 }6 });7 8 9 })(jQuery);
$.sayHello("meng");这种属于静态方法，直接调用即可。
第二种方式：
1 (function ($) {2 3 $.fn.redBg = function () {4 $(this).css("background", "red");5 };6 7 8 })(jQuery);
1 $("#box").redBg();说明：这两种方式类似我的这篇博文中的两种
http://www.cnblogs.com/chenluomenggongzi/p/5827268.html
正如网上都会有的一句话
第三种，两种方式的结合
1 (function ($) { 2 3 $.fn.changeFontColorAndSize = function (options) { 4 var defaults = { 5 "color": "white", 6 "fontSize": "24px" 7 }; 8 var settings = $.extend({}, defaults, options); 9 return this.css({10 "color": settings.color,11 "fontSize": settings.fontSize12 })13 }14 })(jQuery);
$("#box").changeFontColorAndSize();
自己动手做jQuer插件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。