为什么我不能用JQuery $（）添加元素？

Question

这是我的代码：

$( "<p>This is a new paragraph</p>" );

它没有显示在页面中 为什么呢？

Answer 1

该代码仅创建新的p元素，但不会将其插入页面中。您需要将其附加到DOM的其余部分。您可以使用appendTo()

$("<p>This is a new paragraph</p>").appendTo("body");

或append()

var p = $("<p>This is a new paragraph</p>");
$("body").append(p);

另请参阅prepend()和prependTo()方法。

append和prepend之间的区别在于前者将新元素添加为选择器的最后一个子元素，而后者将其添加为第一个子元素。

Answer 2

您需要将其添加到html中的元素才能看到它。使用append()。

paragraph = $( "<p>This is a new paragraph</p>" );
$('[your-destination]').append( paragraph );