JQuery之append和appendTo的区别，还有js中的appendChild用法

Posted 2023-03-28

append:描述: 在每个匹配元素里面的末尾处插入参数内容。
添加的版本: 1.0.append( content [, content ] )
content:
    类型: String, Element, jQuery
    DOM 元素，DOM元素数组，html字符串，或者jQuery对象，用来插在每个匹配元素里面的末尾。
content:
    类型: String, Element, Array, jQuery
    一个或多个DOM元素，元素数组，HTML字符串，或jQuery对象插入到每个匹配元素的末尾。
    添加的版本: 1.4.append( function(index, html) )
function(index, html)
    类型: Function()
    一个返回HTML字符串，DOM元素，jQuery对象的函数，该字符串用来插入到匹配元素的末尾。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。在函数中this指向元素集合中的当前元素。appendTo:描述: 将匹配的元素插入到目标元素的最后面（译者注：内部插入）。
添加的版本: 1.0.appendTo( target )
target:
    类型: Selector, Element, jQuery
    一个选择符，元素，HTML字符串，DOM元素数组，或者jQuery对象；符合的元素们会被插入到由参数指定的目标的末尾。
.append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同。对于.append(), 选择表达式在函数的前面，参数是将要插入的内容。对于.appendTo()刚好相反，内容在方法前面，无论是一个选择器表达式 或创建作为标记上的标记，它都将被插入到目标容器的末尾。 参考技术A 不同之处在于：内容和选择器的位置，以及 append() 能够使用函数来附加内容。
$("button").click(function()
$("<b>Hello World!</b>").appendTo("p");
);

$("button").click(function()
$("#id").append("<b>Hello World!</b>")
);本回答被提问者采纳