在jQuery中创建多行HTML的最有效方法

Question

所以我一直在环顾四周，看来$(document.createElement(name));可能是jQuery创建HTML的最有效方式。

但是，如果我尝试编写HTML行，这是最好的方法吗？你能用这种方法写多行吗？

例如，我想要的输出是：

<div id="measurements">
  <span>Width:</span><p id="width"></p>
  <span>Height:</span><p id="height"></p>
</div>

Answer 1

不确定为什么你认为包裹createElement()是“最有效的” - 在这种情况下，我几乎肯定会说：

$(name)

在后一种情况下，您可以将所有内容包装在一个$()调用中：

var mydiv = '<div id="measurements">' +
  '<span>Width:</span><p id="width"></p>' +
  '<span>Height:</span><p id="height"></p>' +
  '</div>';