課程
/前端開發
/jQuery
/jQuery基礎(二)—DOM篇
append添加位置問題 為什么點擊add傳遞html結構多次以后 新的P元素總是出現在3個list item之上?
2016-08-04
源自:jQuery基礎(二)—DOM篇 6-9
正在回答
你第一次點擊的時候取出.div里的三個li并加上新的p添加到div.right里,此時.right里有三個li一個p
第二次點的時候你把三個li取出,此時.right里只剩一個p(暫且取名‘次新p’),你再用三個li加一個新p添加到.right中時是添加到次新p的下面,就造成了你所看到的現像,其實最下面的p和三個li才是新添加的,上面的是以前的
CATHY大魔王 提問者
C0EEC3F7BBAA 回復 CATHY大魔王 提問者
Candy3610866
初晴ljp 回復 C0EEC3F7BBAA
你根據代碼順序來理解$('p').add('<p>新的P元素</p>').appendTo('.right');
---------------------------------------------------------------------------------------
其實是這樣的。他先用$('p')取到原始p標簽對,然后把(<p>新的P元素</p>)這段代碼添加到p標簽集合中,也就是$('p').add('<p>新的P元素</p>')
然后把這個新的集合(原來的p+新p)再添加到指定的.right里面,也就是.appendTo('.right');
其實你可以 先 append 兩下 然后再點擊改變顏色事件 ?然后再繼續append ?你就會發現下面是上面是紅色的而下面試沒有顏色的 說明是從下面添加的,它只是重復執行了取出 li 然后又放到自己的下面
為什么結果不是右側藍色框里顯示的那樣?
慕仰6432972
Airly
舉報
jQuery第二階段開啟DOM修煉,了解創建、插入、刪除與替換
3 回答append添加位置
3 回答append()問題
2 回答$("p").append(function(n)是單個添加。
1 回答請問大神們append添加不進去怎么搞
5 回答$("body").append(p); 這個append里面的p為什么沒有加引號
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-04
你第一次點擊的時候取出.div里的三個li并加上新的p添加到div.right里,此時.right里有三個li一個p
第二次點的時候你把三個li取出,此時.right里只剩一個p(暫且取名‘次新p’),你再用三個li加一個新p添加到.right中時是添加到次新p的下面,就造成了你所看到的現像,其實最下面的p和三個li才是新添加的,上面的是以前的
2016-10-13
你根據代碼順序來理解$('p').add('<p>新的P元素</p>').appendTo('.right');
---------------------------------------------------------------------------------------
其實是這樣的。他先用$('p')取到原始p標簽對,然后把(<p>新的P元素</p>)這段代碼添加到p標簽集合中,也就是$('p').add('<p>新的P元素</p>')
然后把這個新的集合(原來的p+新p)再添加到指定的.right里面,也就是.appendTo('.right');
2016-09-28
其實你可以 先 append 兩下 然后再點擊改變顏色事件 ?然后再繼續append ?你就會發現下面是上面是紅色的而下面試沒有顏色的 說明是從下面添加的,它只是重復執行了取出 li 然后又放到自己的下面
2016-08-18
為什么結果不是右側藍色框里顯示的那樣?