jQuery的html的作品，但。新增不

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

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

Answer 2

你想用append：

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

add是别的东西：

描述：添加元素到匹配的元素。

Answer 3

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

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

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

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>');