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

最新推荐文章于 2025-12-05 08:37:05 发布

原创最新推荐文章于 2025-12-05 08:37:05 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript

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

<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>之后追加’