jQuery 開發一個簡易插件
阿新 • • 發佈:2017-09-05
logs spa 簡易 cnblogs jquer on() pre options ron
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‘ });
傳參調用顯示效果:
jQuery 開發一個簡易插件