jquery添加子元素

使用 jQuery 添加子元素的方法

在 jQuery 中，可以通过多种方式向 DOM 元素添加子元素。以下是几种常用的方法：

append() append() 方法在目标元素的内部末尾插入子元素。语法为：

$(parentSelector).append(childElement);

示例：

$("#parent").append("<div>新子元素</div>");

prepend() prepend() 方法在目标元素的内部开头插入子元素。语法为：

$(parentSelector).prepend(childElement);

示例：

$("#parent").prepend("<div>新子元素</div>");

appendTo() appendTo() 方法与 append() 类似，但语法相反。语法为：

$(childElement).appendTo(parentSelector);

示例：

$("<div>新子元素</div>").appendTo("#parent");

prependTo() prependTo() 方法与 prepend() 类似，但语法相反。语法为：

$(childElement).prependTo(parentSelector);

示例：

$("<div>新子元素</div>").prependTo("#parent");

html() html() 方法可以替换目标元素的所有子元素。语法为：

$(parentSelector).html(childElement);

示例：

$("#parent").html("<div>新子元素</div>");

注意事项

• 确保 DOM 加载完成后再执行 jQuery 操作，可以将代码放在 $(document).ready() 中。
• 动态添加的元素如果需要事件绑定，可以使用事件委托（如 on() 方法）。