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

Posted super超人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery的append/prepend和after/before有什么区别呢?相关的知识,希望对你有一定的参考价值。

append

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

结果是这样的:

<p>
  <span class="s1">s1</span>
  <span class="s2">s2</span>
</p>

after

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

结果是这样的:

<p>
  <span class="s1">s1</span>
</p>
<span class="s2">s2</span>

总结:

append/prepend 是在选择元素内部嵌入。

after/before 是在元素外面追加。

以上是关于jquery的append/prepend和after/before有什么区别呢?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 添加元素append() prepend() after() before()

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

添加新内容的四个 jQuery 方法:append,prepend,after,before

jQuery 追加元素的方法如append、prepend和队列方法如push,unshift

Jquery动态添加标签元素,在指定标签前或者标签后(append/prepend用法)

append(),prepend(),after(),before()