jquery添加

jQuery 添加元素的方法

在jQuery中，可以通过多种方式向DOM中添加新元素。以下是几种常用的方法：

append() 将内容插入到选定元素的内部末尾。

$("#container").append("<p>新段落</p>");

prepend() 将内容插入到选定元素的内部开头。

$("#container").prepend("<p>新段落</p>");

after() 在选定元素之后插入内容。

$("#target").after("<div>新div</div>");

before() 在选定元素之前插入内容。

$("#target").before("<span>新span</span>");

html() 替换选定元素的全部内容。

$("#content").html("<h2>新标题</h2>");

appendTo() 将元素追加到指定目标中。

$("<li>新列表项</li>").appendTo("#list");

动态创建元素

可以先用jQuery创建新元素，再将其添加到DOM中：

var newDiv = $("<div>", {
  "class": "box",
  "text": "这是一个新创建的div"
});
$("#container").append(newDiv);

添加多个元素

可以一次添加多个元素：

$("#list").append(
  $("<li>").text("项目1"),
  $("<li>").text("项目2"),
  $("<li>").text("项目3")
);

注意事项

• 添加的元素可以是HTML字符串或jQuery对象
• 这些方法都会返回原始jQuery对象，支持链式调用
• 添加前最好确保目标元素已存在于DOM中
• 大量添加元素时考虑性能优化