一旦该代码被引入则会立即执行,这样插件马上回在内存中出现,以后调用该插件就不需要再次执行这段代码了,而是直接从内存中找到并调用起来。
防止变量名冲突,把插件中出现的所有变量放在一个匿名函数中,这样变量就变成一个局部变量,外部就可以去相同名字的变量
$.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);