Question

据我所知，这两个都会将html插入元素中。

这两种方法之间有什么区别？

字符串：

$("div").append("<h1>Header</h1>");

对象：

$("div").append($("<h1>Header</h1>"));

只是你可以做这样的事情吗？

$("div").append($("<h1></h1>").html("Header"));

Answer 1

只是你可以做这样的事情吗？

$("div").append($("<h1></h1>").html("Header"));

完全

这样做会为你创建一个jQuery对象，可以使用append，css，addClass等函数进一步操作它。

$("div").append($("<h1></h1>").html("Header")
                              .addClass("someClass")
                              .css("color", "gree"));

或者如果你不想像这样进行进一步的操作，那么无论如何都要传递它只是一个字符串，你会得到相同的结果。

Answer 2

在你的例子中，没有实际的区别。该函数接受字符串，因为您可能希望添加一个尚未具有jQuery对象的新元素，并且它接受jQuery对象，因为您可能希望追加现有元素或没有字符串表示的复杂对象。

jQuery追加字符串与包含字符串的对象

2 个答案: