自定义jquery插件基本形式

最新推荐文章于 2021-03-22 00:28:39 发布

小章鱼丸子

最新推荐文章于 2021-03-22 00:28:39 发布

阅读量330

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_23846795/article/details/78202990

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用jQuery开发的简单插件示例，通过闭包限定命名空间的方式实现了颜色样式的自定义设置，并展示了如何通过选项覆盖默认配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，插件js

//闭包限定命名空间
(function ($) {
    $.fn.treeview = function (settings) {
        debugger
        var dfop = {
            color: '#ff9966'
        };
        var opts = $.extend(dfop, settings.options);//覆盖默认配置
        return this.each(function () {      //加return可以使自定义的方法支持$链式调用
            var $this = $(this);
            $this.css({
                color: opts.color
            });
        });
    }
})(jQuery);

二，调用

<script>
    $(function () {
        var optionsM = {
            color: 'blue'
        };
        //$(".Mycss").treeview();//直接调用
        $(".Mycss").treeview({
            options: optionsM
        });//覆盖默认配置调用
    });
</script>