自己动手做jQuery插件

前言：这种东西随意可以在网上收到，这里我还是只是记下自己的见解和领。

第一种方式

 (function ($) {

     $.extend({

         sayHello: function (name) {

              alert(name + ": hello");

         }

     });

 })(jQuery);

$.sayHello("meng");

这种属于静态方法，直接调用即可。

第二种方式：

 (function ($) {

     $.fn.redBg = function () {

         $(this).css("background", "red");

     };

 })(jQuery);

 $("#box").redBg();

说明：这两种方式类似我的这篇博文中的两种

http://www.cnblogs.com/chenluomenggongzi/p/5827268.html

正如网上都会有的一句话

第三种，两种方式的结合

 (function ($) {

     $.fn.changeFontColorAndSize = function (options) {

         var defaults = {

             "color": "white",

             "fontSize": "24px"

         };

         var settings = $.extend({}, defaults, options);

         return this.css({

             "color": settings.color,

             "fontSize": settings.fontSize

         })

     }

 })(jQuery);

$("#box").changeFontColorAndSize();