创建并插入

append(), prepend(), before() and after() 方法也可以用于添加新创建的元素。 使用jQuery创建新HTML元素的最简单方法如下：

var txt = $("<p></p>").text("Hi"); 

上面的代码创建了一个新的<p>元素，它包含文本Hi并将其分配给一个名为txt的变量。现在，我们可以将该变量用作上述方法的参数，将其添加到HTML中，例如：HTML：

html

<p id="demo">Hello</p>

js

$(function() {
  var txt = $("<p></p>").text("Hi");
  $("#demo").after(txt);
});

这将在#demo段落之后插入新创建的<p>元素。

您还可以使用逗号分隔多个元素作为 before(), after(), append(), prepend(),方法的参数：$("#demo").append(var1, var2, var3)