Каков наиболее эффективный способ создания элементов HTML с использованием jQuery?

Question

В последнее время я делал много модальных всплывающих окон, а что нет, для которых я использовал jQuery. Метод, который я использовал для создания новых элементов на странице, в подавляющем большинстве случаев был следующим:

$("<div></div>");

Однако мне кажется, что это не самый лучший или самый эффективный способ сделать это. Каков наилучший способ создания элементов в jQuery с точки зрения производительности?

В этом ответе приведены критерии для приведенных ниже предложений.

Answer 1

Суть в том, что это может быть проще сделать:

$("<div class=foo id=bar style='color:white;bgcolor:blue;font-size:12pt'></div>")

Затем, чтобы сделать все это с помощью вызовов jquery.

Answer 2

Я использую jquery.min v2.0.3. Для меня лучше использовать следующее:

var select = jQuery("#selecter");
jQuery("`<option/>`",{value: someValue, text: someText}).appendTo(select);

следующим образом:

var select = jQuery("#selecter");
jQuery(document.createElement('option')).prop({value: someValue, text: someText}).appendTo(select);

Время обработки первого кода намного меньше, чем второго кода.