• 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"});//重复覆盖北背景色为白色,默认设置字体

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

  • 相关阅读:
    Grand Central Dispatch-thread pool pattern
    POSIX Threads
    Event-driven programming-main loop
    Data type-数据类型
    软件的动与静
    对封装好的视图进行动态修改
    编程语言进化
    Type system
    Run-time type information--RTTI
    Type system-Type checking
  • 原文地址:https://www.cnblogs.com/jine/p/2623603.html
Copyright © 2020-2023  润新知