jQ函数after、append、appendTo的区别与详细解析

1、after函数
定义和用法：
after() 方法在被选元素后插入指定的内容。
语法：
$(selector).after(content)

举例：$('span').after('<a>这是after函数加上去的内容</a>')

如果：<span>这是span里的内容</span><a>这是after函数加上去的内容</a>

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

2、append函数
定义和用法：
append() 方法在被选元素的结尾（仍然在内部）插入指定内容。
语法：
$(selector).append(content)

举例：$('span').append('<a>这是append函数加上去的内容</a>')

如果：<span>这是span里的内容<a>这是append函数加上去的内容</a></span>

即：span标签里面多了一个a标签

3、appendTo函数
定义和用法：
appendTo() 方法在被选元素的结尾（仍然在内部）插入指定内容。
语法：
$(content).appendTo(selector)

举例：$('<a>这是appendTo函数加上去的内容</a>').appendTo('span')

如果：<span>这是span里的内容<a>这是appendTo函数加上去的内容</a></span>

即：span标签里面多了一个a标签

效果和append函数是一样， 可以理解为一个是在容器里加上内容，一个是把内容加到容器，效果一致