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

appendTo() 将选定元素追加到目标元素的内部末尾

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

html() 替换或获取元素的HTML内容

$("#container").html("<p>完全替换内容</p>");

动态创建并追加元素

可以结合DOM创建和追加方法：

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

注意事项

• 追加大量元素时建议使用文档片段(document fragment)提高性能
• 避免在循环中频繁操作DOM
• 使用事件委托处理动态添加元素的事件绑定