Могу ли я создать элемент DOM без его нахождения в DOM с помощью jQuery?

Question

У меня есть много мест, которые продолжают добавлять разметку к моей строке, которая, наконец, выводит jQuery's append в контейнер.Мой вопрос - могу ли я подделать эту разметку, находящуюся внутри DOM, без ее фактического присутствия для выполнения таких операций, как hasClass над элементом?

Answer 1

Да, если вы передадите строку HTML в jQuery, этот элемент (или элементы) будет создан внутри объекта jQuery, который затем может быть помещен в DOM позже:

const $div = $('<div>someDiv</div>');
$div.addClass('foo');
console.log($div.hasClass('foo'));
$('body').append($div);

.foo {
  background-color: yellow;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>