jQuery 面向对象的封装(自调用函数)

一旦该代码被引入则会立即执行,这样插件马上回在内存中出现,以后调用该插件就不需要再次执行这段代码了,而是直接从内存中找到并调用起来。

防止变量名冲突,把插件中出现的所有变量放在一个匿名函数中,这样变量就变成一个局部变量,外部就可以去相同名字的变量

$.fn.setStyle = function() {
}
(function($) {
    var StyleColor = function(ele, option) {
        this.$element = ele;
        this.defaultStyle = {
                color: 'red',
                fontSize: '16px'
            },
            this.setting = $.extend({}, this.defaultStyle, option);
    }
    StyleColor.prototype = {
        setColor: function() {

            return this.$element.css({
                'color': this.setting.color,
                'fontSize': this.setting.fontSize
            });

        }
    };

    $.fn.setFont = function(opt) {
        var styleColor = new StyleColor(this, opt);
        return styleColor.setColor();
    }
})(jQuery);

你可能感兴趣的:(jQuery 面向对象的封装(自调用函数))