Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery 插件学习(六)

jquery 插件学习(六)

发布时间:2013-05-16   编辑:www.jquerycn.cn
把其中的参数默认值作为$.fn.color对象的属性单独进行设计,然后借助jquery.extend方法,覆盖原来的参数选项即可
把其中的参数默认值作为$.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"});//重复覆盖北背景色为白色,默认设置字体

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

您可能感兴趣的文章:
jQuery的学习步骤
jquery 插件学习(六)
jquery插件学习六
jquery插件学习五
jquery图片自动切换插件和实例
jQuery正则表达式插件 regexpCommon
jQuery 工具提示插件 Colortip
jquery幻灯片效果的插件一例
jquery 插件学习(一)
最新28个很棒的jQuery 教程

[关闭]