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("<p>替换后的内容</p>");

text()
设置或获取选定元素的文本内容。
示例代码：

$("#container").text("新的文本内容");

appendTo() / prependTo()
将内容添加到目标元素的内部末尾或开头。
示例代码：

$("<p>新内容</p>").appendTo("#container");

注意事项

• 动态添加的内容如果需要绑定事件，建议使用事件委托（如 on() 方法）。
• 频繁操作 DOM 可能影响性能，建议批量操作或使用文档片段优化。