jQuery | append() 方法(1)

📌 相关文章

📜 jQuery | append() 方法(1)

📅 最后修改于: 2023-12-03 15:16:47 🧑 作者: Mango

jQuery中的append()方法用于在指定的元素中添加内容，这些内容可以是HTML元素、文本或其他jQuery对象。

$(selector).append(content,function(index,html){})

selector: 必需。要添加内容的元素选择器。

content: 必需。要添加的内容，可以是HTML元素、文本或其他jQuery对象。

function(index,html){}: 可选。规定一个函数，在每个匹配元素上被调用，来计算添加的内容，其中index为当前元素的索引，html为当前元素的HTML内容。

以下示例将向ID为myDiv的元素中添加一个段落元素。

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

以下示例将向ID为myDiv的元素中添加三个段落元素。

$("#myDiv").append("<p>This is paragraph 1.</p><p>This is paragraph 2.</p><p>This is paragraph 3.</p>");

以下示例将向ID为myDiv的元素中添加一些文本。

$("#myDiv").append("This is some text.");

以下示例将向ID为myDiv的元素中添加一个由jQuery对象创建的HTML元素。

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