append/prepend与after/before区别

简介: 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 是在元素外面追加。

相关文章
|
9月前
【Stata】append和merge的区别
【Stata】append和merge的区别
264 0
|
11月前
|
安全 编译器 C语言
【C++】string 之 assign、at、append函数的学习
【C++】string 之 assign、at、append函数的学习
89 0
|
JavaScript 索引
JS数组常用方法(超级详细,含理解) push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map
JS数组常用方法(超级详细,含理解) push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map
219 0
|
Python
Python语言中extend和append的区别
Python语言中extend和append的区别
115 0
|
存储 Java 程序员
foreach中不允许对元素进行add和remove底层原理
foreach中不允许对元素进行add和remove底层原理 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者微信公众号:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝
114 0
foreach中不允许对元素进行add和remove底层原理
|
索引
forEach用法与map用法区别
forEach用法与map用法区别
167 0
|
人工智能 Go 索引
go-append 添加多个对象元素
go-append 添加多个对象元素
461 0
append方法例子
append方法例子
199 0