锐客网

  1. 首页 > 睿知 > it技术 > >

jQuery中的append()和prepend(),after()和before()的差别

IT知识JQueryBeforeprepend

【jQuery中的append()和prepend(),after()和before()的差别】行是知之始,知是行之成。这篇文章主要讲述jQuery中的append()和prepend(),after()和before()的差别相关的知识，希望能为你提供帮助。
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()是在元素的外面插入内容（其内容变成元素的兄弟节点）。


    推荐阅读


    上一篇：Android从零单排之免费短信验证

    下一篇：Android自动化测试探索