jQuery中append/prepend与after/before的区别
2017-09-16 10:05
531 查看
append
结果是这样的:
after
结果是这样的:
总结：
append/prepend 是在选择元素内部嵌入。
after/before 是在元素外面追加。
<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、before、after用法与区别分析
- jQuery中的append()和prepend(),after()和before()的区别
- Jquery添加元素（append，prepend，after，before四种方法区别对比）
- jquery中append()、prepend()、after()、before()的区别详解
- jQuery中append(),prepend()与after(),before()的区别
- Jquery基础：append、prepend、after、before、appendTo的区别
- jquery中append、prepend, before和after方法的区别（一）
- jquery的append、prepend、html、after、before 的总结和区别
- jquery中append、prepend, before和after方法的区别
- jquery中append、prepend, before和after方法的区别（二）
- Jquery基础：append、prepend、after、before、appendTo的区别
- jquery中append、prepend, before和after方法的区别
- jquery append appendTo before after insertAfter insertBefore prepend prependTo用法区别
- jQuery的append/prepend和after/before有什么区别？
- jquery after before append appendto prepend prependto的区别
- jQuery学习笔记之 Dom 操作 append、prepend、after、before、appendTo
- jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore
- jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项
- jQuery对内容的获取,添加,移动的.append(), .html(), .prepend(), .after(), .before()