                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(二)—DOM篇

为什么点击第二个按钮后，原先的div中（绿色的框里）之剩下p元素？

是因为add()方法，会保留原先的位置吗？

Maizi93

2016-10-09

源自：jQuery基础(二)—DOM篇 6-9

关注问题我要回答

900

操作

收起

3 回答

大头豆芽回答被采纳 +3 积分
2016-10-09

因为appendTo()这个方法会把从原来的div中筛选出的元素添加到目标元素中，是一个剪切的操作

1 回复有任何疑惑可以回复我~

收起回答

Maizi93 提问者

非常感谢！

2016-10-13 回复有任何疑惑可以回复我~

Maizi93 提问者

既然是剪切，那为什么绿色的框中，还有“新的p元素”？

2016-10-13 回复有任何疑惑可以回复我~

大头豆芽回复 Maizi93 提问者

$('li').add('p').css('background', 'red')这句的意思是选择所有的li元素，然后添加p元素并设置背景为红色，所以li和p都变成了背景为红色；$('li').add('<p>新的p元素</p>').appendTo($('.right'))这句的意思是选择所有的li元素，然后新建一个p元素加入到li的合集中，然后插入class为right的元素中，所以“剪切”的是原来绿色框中的li

2016-10-13 回复有任何疑惑可以回复我~