jquery after append appendTo 三个函数的区别

jq 文档的说明是

1、after 函数

定义和用法：

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

语法：

$(selector).after(content)

实例：

aaaaaaaaaaaaaaa
after 函数

结果如下：

aaaaaaaaaaaaaaa
ddddd

span 标签后面多了一个 a 标签

2、append 函数

定义和用法：

append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

语法：

$(selector).append(content)

实例：

aaaaaaaaaaaaaaa
after 函数

结果如下：

aaaaaaaaaaaaaaaddddd
span 标签里面多了一个 a 标签

3、appendTo 函数

定义和用法：

appendTo() 方法在被选元素的结尾（仍然在内部）插入指定内容。

语法：

$(content).appendTo(selector)实例：

aaaaaaaaaaaaaaa
after 函数

结果如下：

aaaaaaaaaaaaaaaddddd
span 标签里面多了一个 a 标签

效果和 append 函数是一样，只不过它们的写法是反着来写的而已

备注：before 函数与 after 函数相反，表示是元素的前面加入指定元素
$().ready(function(){
$("button").click(function(){
$("span").after("ddddd")

})
})

$().ready(function(){
$("button").click(function(){
$("span").append("ddddd")

})
})

$().ready(function(){
$("button").click(function(){
// $("span").appendTo("ddddd"),这样的写法是不正确的

$("ddddd").appendTo("span")

})
})