JavaScript和Jquery插件开发指南.md 1.2 KB

参考 jQuery插件开发精品教程,让你的jQuery提升一个台阶

// 自调用匿名空间(避免代码命名冲突)  
;(function(window, document, undefined) {  
    //定义Beautifier的构造函数  
    var Beautifier = function(ele, opt) {  
        this.$element = ele,  
        this.defaults = {  
            'color': 'red',  
            'fontSize': '12px',  
            'textDecoration': 'none'  
        },  
        this.options = $.extend({}, this.defaults, opt)  
    }  
    //定义Beautifier的方法  
    Beautifier.prototype = {  
        beautify: function() {  
            return this.$element.css({  
                'color': this.options.color,  
                'fontSize': this.options.fontSize,  
                'textDecoration': this.options.textDecoration  
            });  
        }  
    }  
    //在插件中使用Beautifier对象  
    window.myPlugin = function(options) {  
        //创建Beautifier的实体  
        var beautifier = new Beautifier(this, options);  
        //调用其方法  
        return beautifier.beautify();  
    }  
})(jQuery, window, document);