JavaScript 简单的模板功能实例

这篇文章主要为大家详细介绍了JavaScript 简单的模板功能实例，具有一定的参考价值，可以用来参考一下。

/**
 *  简单的模板功能实例
 *
 * @param 
 * @arrange （www.idcnote.com）
 **/
var isJqueryObj = function(obj) {
    return obj instanceof jQuery;
};
/**
 * 构造函数
 * @param {object} opts
 */
var WebDisk = function(opts) {
    opts = $.extend({
        "element": null //容器可以是JQ对象或样式名
    }, opts || {});
    this.opts = opts;
    if (isJqueryObj(opts.element)) {
        this.element = opts.element;
    } else {
        this.element = $(opts.element);
    }
    this.init(); //初始化
};
$.extend(WebDisk.prototype, {
    init: function() {
        var elEl = this.element;
        var opts = this.opts;
        this.bindEvents(); //事件绑定
    },
    bindEvents: function() {
        var elEl = this.element;
        elEl.on('click', '.xxx', function() {
            $(this).show();
        });
    },
    destroy: function() {
        
    }
});

注：关于JavaScript 简单的模板功能实例的内容就先介绍到这里，更多相关文章的可以留意