這是什么情況
<!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>點(diǎn)擊:add傳遞元素標(biāo)簽</button> ????<button>點(diǎn)擊:add傳遞html結(jié)構(gòu)</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結(jié)構(gòu)'<p>新的p元素</p>' ?????????//加入到li的合集中,為了能夠在頁(yè)面上顯示 ?????????//需要在重新appendTo要指定的節(jié)點(diǎn)處 ?????????//值得注意:整個(gè)結(jié)構(gòu)位置都改變了 ?????????$('li').add('<p>新的p元素</p>').appendTo($('li:last')) ????}) ????</script> </body> </html>
就改了這個(gè) $('li').add('<p>新的p元素</p>').appendTo($('li:last')) ?想把p插入最后一個(gè)li后面結(jié)果一點(diǎn)變成這樣了,<li>list item 3</li>變成“l(fā)ist item 3”?如下圖
2016-10-26
我明白了,$('li').add('<p>新的p元素1</p>')的意思是這樣的,在$('li')這個(gè)集合里增加一個(gè)'<p>新的p元素1</p>'組成一個(gè)新的集合,如果后面沒(méi)有appent系統(tǒng)會(huì)這么做,剪貼這個(gè)集合,再粘貼在原來(lái)的位置上可以參考$('li').add('p').css('background', 'red')
如果后面有appent那么系統(tǒng)會(huì)這么做,剪貼這個(gè)集合(剪貼的內(nèi)容不包括append括號(hào)里的東西)然后粘貼到append所指定的內(nèi)容處,可以參考你的$('li').add('<p>新的p元素</p>').appendTo($('li:last'))
也可以參考$('li').add('<p>新的p元素1</p>').appendTo($('.right'))原版,進(jìn)行一下思考,
看看我說(shuō)的對(duì)不對(duì),如果不對(duì),請(qǐng)你教我,謝謝
2016-10-26
其實(shí)你寫(xiě)的沒(méi)有錯(cuò),出現(xiàn)這個(gè)現(xiàn)像就對(duì)了,因?yàn)閒load的特性,right這個(gè)是沒(méi)有浮動(dòng)的,left這一部分你看CSS樣式里,是不是有fload,fload會(huì)使left這個(gè)div提升層級(jí)半級(jí),也就是他的空間位置會(huì)飛(浮動(dòng))起來(lái),但是他的內(nèi)容就比空間位置差半級(jí),如果空間的位置被別人用了,他就要排在那個(gè)人的后面。其實(shí)你的li還是li沒(méi)有變化,只不過(guò)因?yàn)槟惆押竺娴牟暹M(jìn)來(lái)了,位置不夠 了,就被擠上去了,但他還是li這是沒(méi)有錯(cuò)的,
2016-08-10
因?yàn)槭菍?lt;li>集合添加到第三個(gè)<li>標(biāo)簽里,不是復(fù)制粘貼,所以只有item1和item2做了移動(dòng) item3沒(méi)有變動(dòng)。就形成了這個(gè)結(jié)構(gòu)
【1】【2】【3】=》【3【1】【2】】
2016-08-02
首先你得理解用這個(gè)方法會(huì)改變?cè)氐呐帕?/strong>
li:last就是<li>list item3</li>
appendTo是內(nèi)部插入,將前面的$('li').add('<p>新的p元素</p>')插入到<li>list item3</li>內(nèi)部就形成了這么個(gè)結(jié)構(gòu)
<li>
list item3
$('li').add('<p>新的p元素</p>')
</li>
2016-08-02
因?yàn)閍ppendTo(目標(biāo)位置),而目標(biāo)位置是li:last