自己动手做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();