js 组件的常用封装方法【封装组件】★★★★

公共弹窗js写法：Dialog.js

function Dialog(bg,els,opts) {
    this.$els = $(els);
    this.$Dialogbg = $(bg);
    this.$close = this.$els.find(opts.close);
    this.$btn = this.$els.find(opts.btn);
    this._init();
}
Dialog.prototype={
    _init:function () {
        var self = this;
        this.show();
        this.$Dialogbg.click(function () {
            self.hide();
        });
        this.$close.click(function () {
            self.hide();
        });
        this.$btn.click(function () {
            self.hide();
        });
    },
    show:function () {
        this.$Dialogbg.fadeIn(300);
        this.$els.fadeIn(300);
    },
    hide:function () {
        this.$Dialogbg.fadeOut(300);
        this.$els.fadeOut(300);
    }
};

/*实例化*/
new Dialog(".Dialogbg",\'.DialogBox\',{
    close:\'.closes\',
    btn:\'.go-use\'
});