关于append，appendTo,prepend,prependTo的区别

本文转载自查看原文 2015-10-19 17:15 3505 jquery

之前做项目对于这几个的方法总是有点模糊，尤其是prepend和prependTo;

1.append

<style>
    span{
        background:yellow;
    }
    .test{
        background:#ccc;
        height:50px;
    }  
    .test_1{
        background:red;
    }
    
</style>
<body>
    <div class="test"><span class="test_1">我就站在这里</span></div>
</body>
<script>
    $('.test').append("<span>我是测试快</span>");
</script>

append是插入元素内部的后面

2.appendTo

$('<span>我是测试快</span>').appendTo($('.test'));

和上面产生一样的效果，就是写法换了一下

3.prepend

$('.test').prepend("<span>我是测试快</span>");

这个方法和append做对比

append是插入元素内部的后面，而prepend是插入元素内部的最前面

4.prependTo

$('<span>我是测试快</span>').prependTo($('.test'));

上面的效果和prepend中的效果一样

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 【笔记】jquery append，appendTo，prepend，prependTo 介绍 prepend与append的区别 jQuery中append(),prepend()与after(),before()的区别 append, appendTo, after区别（preappend、before与这几个原理相同） jQuery 追加元素的方法如append、prepend、before jQuery 追加元素的方法如append、prepend、before，after（转） js中常用追加元素的几种方法：append，appendTo，after，before，insertAfter，insertBefore，appendChild Python extend 和 append 的区别函数append()和html()的区别 jquery after()和append()区别