jquery追加

jQuery 追加元素的方法

jQuery 提供了多种方法用于在 DOM 中追加元素或内容。以下是一些常用的方法：

append()

将内容插入到匹配元素的内部末尾。

$("#container").append("<p>这是追加的内容</p>");

prepend()

将内容插入到匹配元素的内部开头。

$("#container").prepend("<p>这是前置的内容</p>");

after()

在匹配元素之后插入内容。

$("#target").after("<div>插入在目标元素之后</div>");

before()

在匹配元素之前插入内容。

$("#target").before("<div>插入在目标元素之前</div>");

appendTo()

将匹配的元素插入到目标元素的内部末尾。

$("<p>动态创建的元素</p>").appendTo("#container");

prependTo()

将匹配的元素插入到目标元素的内部开头。

$("<p>动态创建的元素</p>").prependTo("#container");

html()

设置或获取匹配元素的 HTML 内容。

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

text()

设置或获取匹配元素的文本内容。

$("#container").text("这是纯文本内容");

注意事项

• 使用 append() 和 prepend() 时，内容会被添加到目标元素内部
• after() 和 before() 会将内容添加到目标元素的外部
• 动态创建的元素需要先使用 jQuery 包装，再追加到 DOM 中
• 大量 DOM 操作时，建议先构建完整 HTML 字符串再一次性追加，以提高性能