Jquery для JavaScript или Jquery для псевдокода

Question

У меня проблемы с некоторым кодом JQuery. Хотя я достаточно хорошо владею JavaScript, мое понимание jQuery ограничено.

Я надеялся, что кто-нибудь сможет пройти со мной следующий код, чтобы преобразовать его в JavaScript или псевдокод, чтобы я мог преобразовать его в JavaScript.

if (someVar !== 1000) {
  $(element).appendTo('#someID').delay(someVar * 1000).queue(function() {
    $(this).removeClass(someClass).addClass(someOtherClass).delay(1000).queue(function() {
      $(this).remove()
    }).dequeue();
  });
}

Мой разрыв добавляется $(element) к #someID через определенный промежуток времени. Затем удалите someClass и через некоторое время добавьте someOtherClass к этому событию, затем удалите это событие и удалите его.

Я просто не понимаю синтаксис. Я собираюсь учиться, но в данный момент мне нужно либо понять, что говорит вышеизложенное, чтобы я мог преобразовать в JavaScript, либо получить некоторую быструю помощь по преобразованию его в JavaScript.

Я посмотрел пару сайтовв отношении преобразования jQuery в JavaScript, но я все еще застрял.

Answer 1

Посмотрите на это

const classList(elt) {  // from https://stackoverflow.com/a/29143197/295783
  var list = elt.classList;
  return {
      toggle: function(c) { list.toggle(c); return this; },
      add:    function(c) { list.add   (c); return this; },
      remove: function(c) { list.remove(c); return this; }
  };
}

const parent = document.getElementById("someID");
const child = document.createElement(...)

if (someVar !== 1000) {
  parent.appendChild(child);
  setTimeout(function() {
    classList(child).remove(someClass).add(someOtherClass);
    setTimeout(function() { child.remove() }, 1000);
  }, 1000 * someVar);
}