javascript - 元素对象与 HTML 字符串

Question

我的问题很简单，而且可能是主观的。在大多数情况下，当我操作 DOM 时，我会创建 HTML 文本并将其附加到一个元素。有时，如果数据足够小，我会创建元素并将它们附加到父元素。

$("#p").html("<p>My Paragraph</p>");

或

$("<p/>").html("My Paragraph").appendTo("#p");

应该使用哪些，为什么？

Answer 1

jQuery 有一种更优雅的方式来创建元素:

var $p = $("<p/>", {
    html: "My paragraph"
}).appendTo("#p");

创建元素的最大值(value)在于您可以保存对它们的引用，然后根据需要使用它们。无需使用 $() 选择器再次找到它们。

另一方面，如果您的 HTML 非常简单并且以后不需要访问任何这些元素，则可以使用 .html() 方法。而且速度稍快。