Wie lassen sich HTML-Elemente mit jQuery am effizientesten erstellen?

Question

In letzter Zeit habe ich eine Menge von modalen Fenster Pop-ups und was nicht, für die ich jQuery verwendet. Die Methode, die ich verwendet, um die neuen Elemente auf der Seite zu erstellen hat überwältigend entlang der Linien der gewesen:

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

Ich habe jedoch das Gefühl, dass dies nicht die beste oder effizienteste Methode ist. Was ist der beste Weg, um Elemente in jQuery von einer Leistung Perspektive zu erstellen?

Diese Antwort hat die Benchmarks zu den untenstehenden Vorschlägen.

Answer 1

Ein Punkt ist, dass es vielleicht einfacher ist:

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

Dann, um all das mit Jquery-Aufrufen zu tun.

Answer 2

Ich verwende jquery.min v2.0.3. Es ist für mich besser, folgende zu verwenden:

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

wie folgt:

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

Die Verarbeitungszeit des ersten Codes ist viel geringer als die des zweiten Codes.