jquery添加标签

jQuery 添加标签的方法

使用 jQuery 动态添加 HTML 标签可以通过多种方式实现，以下是几种常见的方法：

使用 append() 方法

append() 方法在选定元素的内部末尾插入内容。

$("#container").append("<div>新添加的标签</div>");

使用 prepend() 方法

prepend() 方法在选定元素的内部开头插入内容。

$("#container").prepend("<div>新添加的标签</div>");

使用 after() 方法

after() 方法在选定元素之后插入内容。

$("#target").after("<div>新添加的标签</div>");

使用 before() 方法

before() 方法在选定元素之前插入内容。

$("#target").before("<div>新添加的标签</div>");

使用 html() 方法

html() 方法可以替换选定元素的内部内容。

$("#container").html("<div>新添加的标签</div>");

动态创建元素

可以先用 $() 创建元素，再插入到 DOM 中。

var newElement = $("<div>", {
    text: "新添加的标签",
    class: "new-class"
});
$("#container").append(newElement);

注意事项

• 插入的内容可以是 HTML 字符串或 jQuery 对象。
• 使用 append() 和 prepend() 时，内容会插入到目标元素的内部。
• 使用 after() 和 before() 时，内容会插入到目标元素的外部。
• 动态创建元素时，可以通过对象字面量设置属性。