jQuery的append()函数可以用来向HTML元素添加内容。它可以用来在HTML元素的末尾添加新的HTML元素,也可以用来添加文本或其他内容。
$("#element").append("This is a new paragraph.
");
上面的代码将一个新的段落添加到id为element的元素的末尾,段落的内容为“This is a new paragraph.”
$("#element").append("This is some text.");
上面的代码将一段文本添加到id为element的元素的末尾,文本的内容为“This is some text.”
$("#element").append($("#otherElement"));
上面的代码将id为otherElement的元素添加到id为element的元素的末尾。
jQuery的append()函数还可以接受一个函数作为参数,这个函数将会在添加新的内容之前被调用。
$("#element").append(function(index, html) {
return "This is a new paragraph.
";
});
上面的代码将一个新的段落添加到id为element的元素的末尾,段落的内容为“This is a new paragraph.”
jQuery的append()函数还可以接受一个jQuery对象作为参数,这个jQuery对象可以包含多个HTML元素。
$("#element").append($("This is a new paragraph.
This is another new paragraph.
"));
上面的代码将两个新的段落添加到id为element的元素的末尾,段落的内容分别为“This is a new paragraph.”和“This is another new paragraph.”
jQuery的append()函数还可以接受一个DOM元素作为参数,这个DOM元素将会被添加到HTML元素的末尾。
var newParagraph = document.createElement("p");
newParagraph.innerHTML = "This is a new paragraph.";
$("#element").append(newParagraph);
上面的代码将一个新的段落添加到id为element的元素的末尾,段落的内容为“This is a new paragraph.”
jQuery的append()函数可以用来向HTML元素添加新的内容,可以是HTML元素、文本、jQuery对象或者DOM元素,这样就可以在网页上添加新的元素或者更新现有元素的内容。