jQuery中的append()和prepend(),after()和before()的差别
2017-08-05 16:36
495 查看
jQuery中的append()和preappend(),after()和before()的差别
append()和prepend()
如果<div class='a'> //<---you want div c to append in this <div class='b'>b</div> </div>
使用
$('.a').append($('.c'));
则会这样:
<div class='a'> //<---you want div c to append in this <div class='b'>b</div> <div class='c'>c</div> </div>
使用
$('.a').prepend($('.c'));
则结果这样:
<div class='a'> //<---you want div c to append in this <div class='c'>c</div> <div class='b'>b</div> </div>
after()和before()
相同的上述代码,使用$('.a').after($('.c'));
结果:
<div class='a'> <div class='b'>b</div> </div> <div class='c'>c</div> //<----this will be placed here
使用
$('.a').before($('.c'));
结果:
<div class='c'>c</div> //<----this will be placed here <div class='a'> <div class='b'>b</div> </div>
由上我们能够得出结论:
append() & prepend()实在元素内插入内容(该内容变成该元素的子元素或节点),after() & before()是在元素的外面插入内容(其内容变成元素的兄弟节点)。
相关文章推荐
- Jquery添加元素(append,prepend,after,before四种方法区别对比)
- jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项
- jQuery中append(),prepend()与after(),before()的区别
- jQuery如何向HTML添加指定的内容,append() ,prepend() ,after(),before()
- jquery中append、prepend, before和after方法的区别(二)
- 知识点二:jQuery 添加方法>append()、prepend()、after()、before()之间的作用
- jquery的append、prepend、html、after、before 的总结和区别
- Jquery基础:append、prepend、after、before、appendTo的区别
- Jquery基础:append、prepend、after、before、appendTo的区别
- jQuery中的append()和prepend(),after()和before()的区别
- jquery中append、prepend, before和after方法的区别(一)
- jquery 追加元素append、prepend、before、after用法与区别分析
- jquery append appendTo before after insertAfter insertBefore prepend prependTo用法区别
- jQuery的append/prepend和after/before有什么区别?
- jquery中append、prepend, before和after方法的区别
- JQuery中对DOM元素的插入方式,append,prepend,after,before,wrap,wrapAll
- jquery的append/prepend和after/before有什么区别呢?
- jquery中append()、prepend()、after()、before()的区别详解
- jquery中html、before、after、append、prepend应用
- 添加新内容的四个 jQuery 方法:append,prepend,after,before