jquery插件学习(六)

继续上面的示例说明

把其中的参数默认值作为$.fn.color对象的属性单独进行设计,然后借助jquery.extend方法,覆盖原来的参数选项即可

;(function($){
    $.extend($.fn,{
        color : function(options){
            var options = $.extend({},$.fn.color.defaults,options);
            return this.each(function(){
                $(this).css("color",options.bcolor);    
                $(this).css("background",options.fcolor);
            });
        }//color==end
    })
    $.fn.color.defaults ={bcolor :"white",fcolor :"black"}

})(jQuery);
$.fn.color.defaults ={bcolor:"#c06",fcolor:"red"}//写自己的参数,设置颜色
$('h1').color();
$('p').color({bcolor:"#fff"});//重复覆盖北背景色为白色,默认设置字体

上面的调用,有写在外面的,有写在()里的,你学会了吗?  这节的参数详细说明就到这里了,欢迎来到我的学习小天地。网上搜下插件学习,铺天盖地,却没有个真正解决我的问题,我仔细钻研,希望你在这里学到你想要的东西。

原文地址:https://www.cnblogs.com/jine/p/2623603.html