這是什么情況
<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????.left?{
????????width:?auto;
????????height:?150px;
????}
????
????.left?div?{
????????width:?150px;
????????height:?120px;
????????padding:?5px;
????????margin:?5px;
????????float:?left;
????????background:?#bbffaa;
????????border:?1px?solid?#ccc;
????}
????</style>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
????<h2>add方法()</h2>
????<div?class="left?first-div">
????????<div?class="div">
????????????<ul>
????????????????<li>list?item?1</li>
????????????????<li>list?item?2</li>
????????????????<li>list?item?3</li>
????????????</ul>
????????????<p>新的p元素</p>
????????</div>
????</div>
????<div?class="right"></div>
????<br/>
????<button>點擊：add傳遞元素標簽</button>
????<button>點擊：add傳遞html結構</button>
????<script?type="text/javascript">
????$("button:first").click(function()?{
?????????//把p元素加到li合集中
?????????$('li').add('p').css('background',?'red')
????})
????</script>
????<script?type="text/javascript">
????$("button:last").click(function()?{
?????????//把html結構'<p>新的p元素</p>'
?????????//加入到li的合集中，為了能夠在頁面上顯示
?????????//需要在重新appendTo要指定的節點處
?????????//值得注意：整個結構位置都改變了
?????????$('li').add('<p>新的p元素</p>').appendTo($('li:last'))
????})
????</script>
</body>
</html>就改了這個 $('li').add('<p>新的p元素</p>').appendTo($('li:last')) ?想把p插入最后一個li后面結果一點變成這樣了，<li>list item 3</li>變成“list item 3”？如下圖
2016-10-26
我明白了，$('li').add('<p>新的p元素1</p>')的意思是這樣的，在$（'li'）這個集合里增加一個'<p>新的p元素1</p>'組成一個新的集合，如果后面沒有appent系統會這么做，剪貼這個集合，再粘貼在原來的位置上可以參考$('li').add('p').css('background', 'red')
如果后面有appent那么系統會這么做，剪貼這個集合（剪貼的內容不包括append括號里的東西）然后粘貼到append所指定的內容處，可以參考你的$('li').add('<p>新的p元素</p>').appendTo($('li:last'))
也可以參考$('li').add('<p>新的p元素1</p>').appendTo($('.right'))原版，進行一下思考，
看看我說的對不對，如果不對，請你教我，謝謝
2016-10-26
其實你寫的沒有錯，出現這個現像就對了，因為fload的特性,right這個是沒有浮動的，left這一部分你看CSS樣式里，是不是有fload，fload會使left這個div提升層級半級，也就是他的空間位置會飛（浮動）起來，但是他的內容就比空間位置差半級，如果空間的位置被別人用了，他就要排在那個人的后面。其實你的li還是li沒有變化，只不過因為你把后面的插進來了，位置不夠 了，就被擠上去了，但他還是li這是沒有錯的，
2016-08-10
因為是將<li>集合添加到第三個<li>標簽里，不是復制粘貼，所以只有item1和item2做了移動 item3沒有變動。就形成了這個結構
【1】【2】【3】=》【3【1】【2】】
2016-08-02
首先你得理解用這個方法會改變元素的排列
li：last就是<li>list item3</li>
appendTo是內部插入，將前面的$('li').add('<p>新的p元素</p>')插入到<li>list item3</li>內部就形成了這么個結構
<li>
list item3
$('li').add('<p>新的p元素</p>')
</li>
2016-08-02
因為appendTo（目標位置），而目標位置是li：last