jQuery append()

jQuery append()是一个能够向被选元素的结尾处添加内容的函数。这个函数可以用于向HTML文档中动态添加元素或文本。

语法

$(selector).append(content)

参数

• selector：被选元素的选择器,可以是元素的标签名、class、id等。
• content：要插入的内容，可以是HTML字符串、DOM元素、或文本。

示例

以下是一些示例，展示了jQuery append()函数的不同用法：

插入HTML字符串

$("#myDiv").append("<p>This is a new paragraph.</p>");

上述代码将在id为myDiv的元素的结尾处插入一个新的段落。

插入DOM元素

var newElement = document.createElement("p");
$(newElement).text("This is a new paragraph.");
$("#myDiv").append(newElement);

上述代码创建一个新的段落元素，并将其插入到id为myDiv的元素的结尾处。

插入文本

$("#myDiv").append("This is a new paragraph.");

上述代码会将一段文本插入到id为myDiv的元素的结尾处。

注意事项

• 如果被选元素包含了其他元素，那么使用append()函数将会在被选元素内部添加内容。
• 如果需要在被选元素的开头处添加内容，可以使用prepend()函数。
• append()函数可以用于多个元素，每个元素将被追加到被选元素的末尾。

以上就是关于jQuery append()函数的介绍，希望对你有所帮助！