Как создать класс который является элементом DOM?

Question

[Валентин]

Есть простой класс, создает DOM-элемент

var Layout = function(options) {

    this.elem = null;
    var self = this;
    var properties = {
        
    };
    
    this.init = function() {
        self.elem = document.createElement('div');
        self.addClasses(['db-layout']);
        self.elem.addEventListener('click', eventClicked);
    };
    
    this.addClasses = function(classList) {
        classList.forEach(function(_class){
            self.elem.classList.add(_class);
        });
    }
    
    function eventClicked() {
    }
    
    this.getElement = function() {
        return self.elem;
    };
    this.init();
}

Сейчас, чтобы захватить элемент в jQuery я пишу так:

var layout = new Layout();
$(layout.getElement())

Как организовать класс таким образом, чтобы сам экземпляр класса являлся dom-объектом, чтобы я мог обращаться к нему так:

var layout = new Layout();
$(layout). ...

Answer 1

[Александр Вульф]

Простым способом - никак: https://github.com/jquery/jquery/blob/master/src/c...

Comments

[Валентин]

От jQuery хотелось бы не зависеть

[Валентин]

По-крайней мере внутри своих классов

[Александр Вульф]

Валентин: я имел в виду, что jQuery не хочет принимать всякие объекты. Но если очень надо, то: https://jsfiddle.net/JWo1F/eLuk6kLL/

[Валентин]

ясно, думаю, все же надо делать виджет на базе jQuery, наследование возможно в этом случае? У меня по идее много виджетов с похожим функционалом должно получиться, но в то же время и есть много разного не хочется дублировать код