此處使用.appenTo之后,為什么原來的li都沒有了?
<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($('.right')) ????}) ????</script>
執(zhí)行上面的語(yǔ)句之后,原本的$('li')是被移到$('.right')里面了嗎?原本的li都沒有了,appendTo方法是移動(dòng),而非添加?
2017-09-17
那不知道你沒有發(fā)現(xiàn),先運(yùn)行第一個(gè)按鈕和先運(yùn)行第二個(gè)按鈕結(jié)果不同呢?
1.在這里如果先運(yùn)行第一個(gè)按鈕的話,會(huì)把原有的<p>新的p元素</p>加入到<li>合集中,這里加入到合集意思是使p和li能共享css,add之后會(huì)返回一個(gè)jq對(duì)象,這個(gè)對(duì)象包括li和p,所以先運(yùn)行第一個(gè)按鈕的話,背景都會(huì)變成紅色。
2.先運(yùn)行第二個(gè)按鈕的話,會(huì)動(dòng)態(tài)創(chuàng)建一個(gè)p元素,并且add后返回一個(gè)jq對(duì)象,該對(duì)象包括li和p。因?yàn)樾聞?chuàng)建的p并沒有加入到html中來,所以并不會(huì)顯示,所以appendTo后,會(huì)把jq對(duì)象加入到.right中來,所以就會(huì)出現(xiàn)所有的元素都不在原來的綠框中了?
2017-04-02
但是我試過了
$('li').appendTo($('.right'))
如果只有一個(gè)類名為right的元素,移動(dòng)li
如果有多個(gè)類名為right的元素,也是移動(dòng)li
都是移動(dòng),沒有復(fù)制,可能是因?yàn)閖q版本的原因
新版本的應(yīng)該都是移動(dòng)
2017-04-02
appendTo()語(yǔ)法:
appendTo(target)
把包裝集里所有元素移動(dòng)到指定目標(biāo)的內(nèi)容的末尾
參數(shù)
target? (字符串|元素)一個(gè)包含jquery選擇器的字符串,或一個(gè)DOM元素。包裝集各元素將追加到target所指定的那個(gè)位置。如果多個(gè)元素與一個(gè)選擇器字符串匹配,則包裝集各元素將被復(fù)制并追加到與選擇器匹配的每個(gè)元素。
如果目的地只標(biāo)識(shí)一個(gè)目標(biāo)元素,則元素被移動(dòng);如果目的地標(biāo)識(shí)多個(gè)目標(biāo)元素,則源元素留在原始位置,且被復(fù)制到每個(gè)目標(biāo)元素。
2017-03-19
appendTo是添加的意思,?$('li').add('<p>新的p元素</p>')得到的是原本的li集合對(duì)象后面添加了一個(gè)jQuery <p>對(duì)象的集合, 然后將這個(gè)jQuery對(duì)象添加到所有的$('.right')對(duì)象里面 ? 面向?qū)ο蟮乃枷??li在內(nèi)存中的對(duì)象是唯一的?