jquery .html工作，但.add没有

Question

我的代码：

$(document).ready(function() {
    $(this.body).html("<p>using .html</p>"); // works
    $(this.body).add("<p>using .add</p>"); // doesn't work
});​

some jsfiddle

我做错了什么？

Answer 1

您想使用append：

$(this.body).append("<p>using .add</p>")

add用于其他目的：

  

描述：将元素添加到匹配元素集中。

Answer 2

您应该使用追加而不是添加。 fiddle

Answer 3

add（）不会写入DOM，它会向jQuery对象添加更多元素。

var x = $("li") //would create a jQuery object
x.add("span") //would add span tags to that object. 

要编写要追加（）或appendTo（）的jQuery对象的内容......

x.appendTo("body");

Answer 4

add说明："Add elements to the set of matched elements." reference

html将取代this.body内容。

append将添加到内容的末尾。也许这就是你想要的。

$(this.body).append('<p>using .append</p>');