jquery插件学习六

发布时间:2020-08-06编辑:脚本学堂
把其中的参数默认值作为$.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"});//重复覆盖北背景色为白色,默认设置字体
 

上面的调用,可以写在外面的,也可以写在()里的。