javascript - 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
});​

一些jsfiddle

我究竟做错了什么？

Answer 1

你想使用append：

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

add是为了别的：

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

Answer 2

您应该使用append而不是add。 小提琴

Answer 3

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

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

要编写您想要 append() 或 appendTo() 的 jQuery 对象的内容...

x.appendTo("body");

Answer 4

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

html将替换this.body内容。

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

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