JQ插件

最新推荐文章于 2024-06-24 22:10:15 发布

未尛

最新推荐文章于 2024-06-24 22:10:15 发布

阅读量484

点赞数

分类专栏： jq 文章标签： jq插件

本文链接：https://blog.csdn.net/qq_37956730/article/details/80946882

版权

jq 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1 , 插件的基本步骤
    ;(function(){
        <!--插件部分-->
    })(jQuery);
2 , 插件的书写
    (1):$.fn.fnName = function([options]){
        <!--
            缺点:一次只能传入一个函数
        -->
    }
    (2):$.fn.extend({
        fnName:function(options){
            let var defaults = { color: 'blue', size: "30px" };
            options = $.extend({},defaults,options);
            <!--
                使用$.extend()覆盖插件的默认参数
            -->
            <!--
                注意一定要return 出来
            -->
            return $(this).each(function(){
            <!--
                this指的是Jq对象
                $(this).each() 遍历所有要改变字体的DOM元素
            -->
              $(this).css({
                  'color':options.color,
                  'font-size':options.size
              }) ;
                
            })
        }
    })