jquery添加中append和after的区别

Crazier_qi

于 2016-03-12 13:44:19 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： append jquery before prepend after

本文链接：https://blog.youkuaiyun.com/github_33261002/article/details/50865152

1 篇文章

订阅专栏

本文详细介绍了使用jQuery操作DOM的方法，包括如何将元素添加到现有DOM节点的内部（使用append方法）以及如何在指定元素之后插入新元素（使用after方法）。通过具体的示例展示了这两种方法的应用场景及区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先假设我们有个id为test的div和一个id为test2的div：

<span style="font-size:18px;"><div id="test">
    我是测试div
</div>
<div id="test2">
    我是test2！
</div></span>

append是在指定元素内部比如：

<span style="font-size:18px;">$("#test").append("<div>测试文字</div>");
</span>

执行结果：

<span style="font-size:18px;"><div id="test">
    我是测试div
    <div>测试文字</div>
</div>
<div id="test2">
    我是test2！
</div>
</span>

而after则是在指定元素外部且紧挨着：

<span style="font-size:18px;">$("#test").after("<div>测试文字</div>");
</span>

执行结果：

<span style="font-size:18px;"><div id="test">
    我是测试div
</div>
<div>测试文字</div>
<div id="test2">
    我是test2！
</div>
</span>

其实就是一个在元素内部生成和元素外部生成的区别。

而其中的prepend和before同理~