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("纯文本内容");动态创建元素
可以先用jQuery创建新元素对象，再进行插入操作：
var newElement = $("<div>", {
"class": "new-class",
"text": "动态创建的元素"
});
$("#container").append(newElement);链式操作
jQuery支持方法链式调用，可以连续执行多个操作：
$("#container")
.append("<p>段落1</p>")
.append("<p>段落2</p>")
.css("background-color", "#eee");注意事项
- 添加大量元素时，建议先将所有元素组合到一个容器中，再一次性插入DOM
- 频繁操作DOM会影响性能，必要时可以使用文档片段(documentFragment)
- 确保DOM已加载完成再执行操作，通常将代码放在$(document).ready()中
