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