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);
}