使用jQuery创建HTML元素的最有效方法是什么？

Question

使用jQuery创建HTML元素的最有效方法是什么？

最近，我做了很多模态窗口弹出和什么不是，我使用jQuery。我用来在页面上创建新元素的方法绝大部分是按照以下方式创建的：

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

然而，我觉得这不是最好或最有效的方法。从性能角度来看，在jQuery中创建元素的最佳方法是什么？

这个答案有以下建议的基准。

Answer 1

我用$(document.createElement('div')); 标杆显示这项技术是最快的。我推测这是因为jQuery不需要将其标识为元素并创建元素本身。您应该使用不同的Javascript引擎运行基准测试，并与结果进行权衡。从那里做出决定。

Answer 2

就我个人而言，我建议(为了可读性)：$('<div>');到目前为止，有关建议的一些数字(Safari 3.2.1/mac os x)：var&nbsp;it&nbsp;=&nbsp;50000;var&nbsp;start&nbsp;=&nbsp;new&nbsp;Date().getTime();for&nbsp;(i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;it;&nbsp;++i)&nbsp;&nbsp;{ &nbsp;&nbsp;//&nbsp;test&nbsp;creation&nbsp;of&nbsp;an&nbsp;element&nbsp; &nbsp;&nbsp;//&nbsp;see&nbsp;below&nbsp;statements}var&nbsp;end&nbsp;=&nbsp;new&nbsp;Date().getTime();alert(&nbsp;end&nbsp;-&nbsp;start&nbsp;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;e&nbsp;=&nbsp;$(&nbsp;document.createElement('div')&nbsp;);&nbsp;&nbsp;//&nbsp;~300msvar&nbsp;e&nbsp;=&nbsp;$('<div>');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;~3100msvar&nbsp;e&nbsp;=&nbsp;$('<div></div>');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;~3200msvar&nbsp;e&nbsp;=&nbsp;$('<div/>');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;~3500ms