jQuery的append/prepend和after/before有什么区别？
2017-08-22 11:29
676 查看
原文地址：http://www.runoob.com/jquery/jquery-dom-add.html
区别：
append/prepend 是在选择元素内部嵌入。
after/before 是在元素外面追加。
例子如下：
apend：
<p>
<span class="s1">s1</span>
</p>
<script>
$("p").append('<span class="s2">s2</span>');
</script>结果：
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 是在元素外面追加。
例子如下：
apend：
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery的append/prepend和after/before有什么区别呢？
- jquery中append、prepend, before和after方法的区别
- jQuery中的append()和prepend(),after()和before()的区别
- Jquery基础：append、prepend、after、before、appendTo的区别
- Jquery添加元素（append，prepend，after，before四种方法区别对比）
- jquery中append()、prepend()、after()、before()的区别详解
- jquery append appendTo before after insertAfter insertBefore prepend prependTo用法区别
- Jquery基础：append、prepend、after、before、appendTo的区别
- jQuery中append(),prepend()与after(),before()的区别
- jquery 追加元素append、prepend、before、after用法与区别分析
- jquery中append、prepend, before和after方法的区别
- jquery after before append appendto prepend prependto的区别
- jquery中append、prepend, before和after方法的区别（一）
- jquery的append、prepend、html、after、before 的总结和区别
- jquery中append、prepend, before和after方法的区别（二）
- jQuery中append/prepend与after/before的区别
- jquery中的append,prepend,appendTo,prependTo,after,before
- 添加新内容的四个 jQuery 方法：append，prepend，after，before
- jQuery HTML节点元素修改、追加的方法 html()、append()、prepend()、after()、before()
- jQuery对内容的获取,添加,移动的.append(), .html(), .prepend(), .after(), .before()