更好：字符串 html 生成与 jquery DOM 元素创建性能明智吗？答案

【问题标题】：Better: string html generation vs jquery DOM element creation performance wise?更好：字符串 html 生成与 jquery DOM 元素创建性能明智吗？
【发布时间】：2013-04-01 06:33:27
【问题描述】：

 var str = '<table class="bndotamntbl" cellspacing="0" cellpadding="0" border="0">';
        str += '<tbody>';

        /*Create Header [Properties]*/
        str += '<tr>';
  str += '<td>'; SOME CONTENT


dv.innerHTML = str ;

  var tbl = $('<table></table>').attr({ id: "tblContent" },{cellspacing: "0" },{cellpadding: "0"},{border: "0"}).addClass("bndotamntbl");
 $('<div>').attr({id:}).append(tbl);

更好：字符串 html 生成与 jquery DOM 元素创建性能明智？请解释..

【问题讨论】：

除非您大量执行此操作，否则它可能不会引起注意。您可以随时在jsperf 上测试自己
假设我有一个大 dom 那么哪个更好..？

标签： performance jquery-ui jquery jquery-plugins

【解决方案1】：

第一个将在dv.innerHTML = str; 执行时添加到 DOM，但在后面的示例中，使用 $('<table></table>') 您同时将节点添加到 DOM。

正如 Mustache.js 等大多数模板引擎所做的那样（编译 html 字符串），第一种情况似乎还可以。

【讨论】：