append/prepend和after/before有什么区别?

bbsddn

于 2020-03-01 13:02:53 发布

阅读量134

点赞数

CC 4.0 BY-SA版权

文章标签： jquery javascript

本文链接：https://blog.youkuaiyun.com/bbsddn/article/details/104590482

本文介绍了如何使用jQuery库中的append()和after()方法来动态地在网页中添加HTML元素。通过具体的示例代码，展示了如何在现有元素内部或之后插入新的内容，这对于构建响应式和交互式的网站至关重要。

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

<p>
  <span class="s1">s1</span>
</p>
<script>
$("p").append('<span class="s2">s2</span>');
</script>

结果是在 <p>和</p>之间，</span>之后追加’

<p>
  <span class="s1">s1</span>
</p>
<script>
$("p").after('<span class="s2">s2</span>');
</script>

结果是在 </p>之后追加’