码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-10-19 19:22:55      阅读:308      评论:0      收藏:0      [点我收藏+]

标签:

之前做项目对于这几个的方法总是有点模糊,尤其是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中的效果一样

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

标签:

原文地址:http://www.cnblogs.com/waisonlong/p/4892424.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!