                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎課程

after和appendTo有什么不同

小貓咪吃鼠片

2016-06-03

源自：jQuery基礎課程 5-7

關注問題我要回答

401

操作

收起

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⊙)哦