封装总结

121 阅读1分钟
jQ封装选项卡:
var Tab = function (options) {
        if (this instanceof Tab) {
            if (options) {
                this.Olis = $(options.lis).children('li');
                this.oDivs = $(options.tabCont).children('div');
                this.index = null;
                this.setClass = options.setClass;
                this.changeTab();
            }
        } else {
            new Tab(options);
        }

    };
    Tab.prototype.changeTab = function () {
        var _this = this;
        this.Olis.on('mouseover', function () {
            // this.addClass(_this.setClass).siblings().removeClass(_this.setClass);
            _this.index = $(this).index();
            $(_this.oDivs[_this.index]).removeClass('hide').siblings().addClass('hide');
        });
    };



    Tab({
        lis: '.js_tabs_menu',
        tabCont: '.js_tabs_cont',
        setClass: 'active'
    });