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

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

  • 相关阅读:
    多线程之 Final变量 详解
    多线程之 Volatile 变量 详解
    并发安全问题之HashMap
    探索设计模式目录
    MYsql 锁详解 锁 与索引的关系
    JVM GC 相关
    sql 注入 及 in 注入
    00
    03
    02
  • 原文地址:https://www.cnblogs.com/jine/p/2623603.html
Copyright © 2011-2022 走看看