jquery add

jQuery 添加元素的方法

jQuery 提供了多种方法来动态添加元素到 DOM 中。以下是几种常见的方法：

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

$("#container").append("<p>New paragraph</p>");

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

$("#container").prepend("<p>New paragraph</p>");

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

$("#target").after("<div>New div after target</div>");

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

$("#target").before("<div>New div before target</div>");

html()
替换匹配元素内部的全部内容。

$("#container").html("<p>Replaced content</p>");

text()
设置匹配元素的文本内容。

$("#container").text("New text content");

动态创建元素

可以通过直接传递 HTML 字符串创建新元素：

var newElement = $("<div class='box'>New box</div>");
$("#container").append(newElement);

链式操作

jQuery 支持链式调用，可以连续添加多个操作：

$("#container")
  .append("<p>First paragraph</p>")
  .append("<p>Second paragraph</p>");

注意事项

• 动态添加的元素不会自动绑定事件，需要使用事件委托或重新绑定。
• 频繁操作 DOM 可能影响性能，建议批量操作或使用文档片段优化。

以上方法可以灵活组合使用，满足不同场景下的元素添加需求。