jquery 添加

jQuery 添加元素的方法

使用 jQuery 可以方便地向 DOM 中添加新元素。以下是几种常见的添加方式：

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

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

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

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

after()
在选定元素之后插入内容（外部插入）

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

before()
在选定元素之前插入内容（外部插入）

$("#target").before("<div>新内容</div>");

html()
替换选定元素内的所有内容

$("#container").html("<h2>全新内容</h2>");

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

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

动态创建元素

可以先创建 jQuery 对象再插入：

var newDiv = $("<div>", {
    "class": "box",
    "text": "动态创建的内容"
});
$("#container").append(newDiv);

链式操作

jQuery 支持方法链式调用：

$("#list")
    .append("<li>项目1</li>")
    .append("<li>项目2</li>")
    .addClass("updated");

这些方法都支持添加 HTML 字符串、DOM 元素或 jQuery 对象，并可以同时添加多个元素。