                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

after和appendTo有什么不同

小猫咪吃鼠片

2016-06-03

源自：jQuery基础课程 5-7

关注问题我要回答

380

操作

收起

3 回答

weibo_哆啦A梦有大口袋_0 回答被采纳 +3 积分
2016-06-03

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<style type="text/css">
.green{padding: 8px;margin: 10px 0;background: green;color: #fff;}
.red{padding: 8px;background: red;color: #fff;margin: 0 10px;}
</style>
</head>
<body>
<h3>appendTo()方法插入内容</h3>
        <div>
            <span class="green">小乌龟</span>
        </div>
       <script type="text/javascript">
        $(".green").appendTo('div')
        //$(content).appendTo(selector)
        //参数content表示需要插入的内容，参数selector表示被选的元素，即把content内容插入selector元素内，默认是在尾部。
        //把类名为"green"这个元素放在div里面
       </script>
        <h3>after()方法在元素之后插入内容</h3>
        <span class="red">我们交个朋友吧！</span>
        <script type="text/javascript">
            var $html = "<span>兄弟。</span>"
            $(".red").after($html);
            //在类名为"red"的标签后面添加一个元素;
        </script>
</body>
</html>

解决问题，记得采纳(⊙o⊙)哦