jQuery 开发一个简易插件
//主要内容
$.changeCss = function(options){
var defaults = {
color:'blue',
ele:'text',
fontSize:'30px'
}
var options = $.extend(defaults , options); var change ={
changeColor:function(){
$('#'+options.ele).css('color',options.color);
},
changeFontSize:function(){
$('#'+options.ele).css('font-size',options.fontSize);
}
}
return [change.changeColor(),change.changeFontSize()]
}
//无参数调用
$.changeCss();
无参数调用显示效果:
//传参调用
$.changeCss({
ele:'text',
color:'red',
fontSize:'20px'
});
传参调用显示效果: