after(content|fn)：

向选定内容后添加一段内容；

after在元素后面加内容，是把未有的插入 ；

把参数元素移到调用方法的元素的后面。

<script>
	$("#content").after("<span>you.</span>");//after:在标签的外部插入内容。
</script>

insertAfter(content)：

将一段内容添加到选定内容后面；

insertAfter向选定内容后添加一段内容，把已有的元素插入；

是把调用方法的元素插入到参数元素的后面。

<script>
	$("#letters").insertAfter("#content");//将letters元素插入到content的后面，相当于移动。
</script>

after()和insertAfter()看起来差不多，在jquery中的使用操作也差不多，都用于外部插入操作，只不过after()方法在元素后面加内容，是把未有的插入，而insertAfter()向选定内容后添加一段内容，把已有的元素插入。本文向大家介绍jquery中after()和insertAfter()使用区别。

以上就是jquery中after()和insertAfter()使用区别，希望能帮助你理解哦~更多JavaScript学习推荐：JavaScript教程。

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。