jquery添加元素

使用 jQuery 添加元素的方法

append() 方法
将内容插入到选定元素的内部末尾。
示例代码：

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

prepend() 方法
将内容插入到选定元素的内部开头。
示例代码：

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

after() 方法
在选定元素之后插入内容（同级）。
示例代码：

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

before() 方法
在选定元素之前插入内容（同级）。
示例代码：

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

html() 方法
替换选定元素的全部内容。
示例代码：

$("#targetElement").html("<div>替换全部内容</div>");

动态创建元素
可以结合 DOM 元素创建函数动态生成内容。
示例代码：

var newElement = $("<div>", {
  text: "动态创建的元素",
  class: "new-class"
});
$("#targetElement").append(newElement);

注意事项

• 插入的内容可以是 HTML 字符串或 jQuery 对象。
• 确保目标元素在 DOM 中存在，否则操作无效。
• 链式调用可组合多个操作，例如：

  $("#targetElement")
  .append("<div>内容1</div>")
  .prepend("<div>内容2</div>");