品易云推流 关闭
文章详情页
文章 > JavaScript > jquery中after()和insertAfter()使用有什么区别

jquery中after()和insertAfter()使用有什么区别

jQuery after() insertAfter()

头像

宋雪维

2021-04-01 18:07:232522浏览 · 0收藏 · 0评论

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电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图