Как переписать js класс на jquery?

Question

[Returb0]

Не получается переписать код с js на jquery. В чем ошибка не вижу.
Прошу помочь с заданием, если вдруг кто-то знает ES6, то прошу помочь кроме jquery написать класс по стандарту ES6

Оригинальный код на JS:

function Popup(options){
    this.modal = document.querySelector(options.modal);
    this.overlay = document.querySelector(options.overlay);
    var self = this;

    this.open = function(content){
        self.modal.innerHTML = content;
        self.modal.classList.add("open");
        self.overlay.classList.add("open");
    }
    this.close = function(){
        self.modal.classList.remove("open");
        self.overlay.classList.remove("open");
    }

    this.overlay.onclick = this.close;
}



var p = new Popup({
    modal: ".modal",
    overlay: ".overlay"
});

document.querySelector(".write").onclick = function(){
    p.open("TEXT");
}

Моя неудачная попытка переписать код на jquery:

function Popup(options){
    this.modal = $("options.modal");
    this.overlay = $("options.overlay");
    var self = this;

    this.open = function(content){
        self.modal.html(content);
        self.modal.addClass("open");
        self.overlay.addClass("open");
    }
    this.close = function(){
        self.modal.removeClass("open");
        self.overlay.removeClass("open");
    }

    this.overlay.on("click", this.close);
}



var p = new Popup({
    modal: ".modal",
    overlay: ".overlay"
});

$(".write").on("click", function(){
    p.open("TEXT");
})

Comments

[Никита Ермиличев]

нескромный вопрос, а зачем? :)

[Returb0]

Никита, просто тренируюсь))
Практику, так сказать, себе устраиваю)

Answer 1

[Stalker_RED]

this.modal = $("options.modal");
this.overlay = $("options.overlay");

Зачем кавычки?

Comments

[Returb0]

точно, без кавычек работает.
Я просто думал, что если есть класс, то его обязательно в кавычки нужно оборачивать. Переменные оборачивать не нужно, а классы,идентификаторы нужно...

[Stalker_RED]

Returb0, options.modal - это переменная.
точнее modal - свойство объекта options
И кавычки уже поставлены там, где этот options создается.

[Returb0]

Подскажите пожалуйста еще, как в ES6 класс реализовать, а то у меня тут тоже ступор.
Неудачная попытка реализации класса ES6

class Popup{
  constructor(options){
    this.modal = $(options.modal);
    this.overlay = $(options.overlay);
    var self = this;  
    this.overlay.on("click", this.close);  
  }

    open(content){
        self.modal.html(content);
        self.modal.addClass("open");
        self.overlay.addClass("open");

    }
    close(){
        self.modal.removeClass("open");
        self.overlay.removeClass("open");
    }


}



var p = new Popup({
    modal: ".modal",
    overlay: ".overlay"
});

$(".write").on("click", function(){
    p.open("TEXT");
})