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

Question

 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 ;

VS

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

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

Answer 1

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

由于大多数模板引擎，例如Mustache.js等（编译html字符串），第一种情况似乎没问题。