jquery 插入html

jQuery 插入 HTML 的方法

使用 jQuery 可以方便地动态插入 HTML 内容到 DOM 中。以下是几种常用的方法：

append()

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

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

prepend()

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

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

after()

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

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

before()

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

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

html()

替换选定元素的内部 HTML 内容。

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

text()

替换选定元素的文本内容（不解析 HTML 标签）。

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

注意事项

• 插入的内容可以是字符串、DOM 元素或 jQuery 对象。
• 使用 html() 和 text() 会覆盖原有内容，而其他方法是在原有内容基础上添加。
• 确保插入的 HTML 是安全的，避免 XSS 攻击。