使用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 it = 50000;var start = new Date().getTime();for (i = 0; i < it; ++i)  {
  // test creation of an element 
  // see below statements}var end = new Date().getTime();alert( end - start );                var e = $( document.createElement('div') );  // ~300msvar e = $('<div>');                          // ~3100msvar e = $('<div></div>');                    // ~3200msvar e = $('<div/>');                         // ~3500ms