自定义jquery插件基本形式

来源:互联网 发布:都市古玩淘宝赌石小说 编辑:程序博客网 时间:2024/05/21 15:05

一,插件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>



原创粉丝点击