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

DOM内部插入

还是不太懂：append(),appendTo(),prepend(),prependTo(),这四个方法

惊艳消逝

2016-10-30

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

关注问题我要回答

810

操作

收起

4 回答

WJHHAHA
2016-11-21

append是把元素加入到目标元素内作为最后一个元素，prepend是把元素加入到目标元素内作为最后一个元素，另外两个函数的作用相同，不同的只是目标元素和要插入元素的书写位置而已

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

收起回答

折翼天使I
2016-11-18

$("A").append("B")//将B追加到A中
$("A").appendTo("B")//将A追加到B中
$("A").prepend("B")//将B前置到A中
$("A").prependTo("B")//将A前置到B中

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

收起回答

班大人
2016-10-30

prepend()和prependTo()方法的区别

下边的写错了 - - 道理都是一样的。

为了省事，我是复制过来的。

多做实战吧，然后右键审查元素去观察你每次点击的动作，看布局发生了什么！

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

收起回答

班大人
2016-10-30

append()和appendTo()方法的区别

append()——其方法是将方法里面的参数添加到jquery对象中来；
如：A.append(B)的意思是将B放到A中来，后面追加,A的子元素的最后一个位置；

appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。
如：A.appendTo(B)的意思是将A放到B中去，后面追加,B的子元素的最后一个位置；

prepend()和prependTo()方法的区别

append()——其方法是将方法里面的参数添加到jquery对象中来；
如：A.append(B)的意思是将B放到A中来，插入到A的子元素的第一个位置；

appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。
如：A.appendTo(B)的意思是将A放到B中去，插入到B的子元素的第一个位置；

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

收起回答

惊艳消逝提问者

A.appendTo(B)的意思是将A放到B中去，插入到B的子元素的第一个位置；这是错误的吧,不可能把A把放到B中，这是内部插入，B是要插入的内容，A是选中被插入的元素，所有B永远是A的字节点（元素节点，或者是文本节点），而且不是插入在子元素的第一位置，而是插入在最后的位置，建议重新区别一下，谢谢你的建议

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

惊艳消逝提问者回复班大人

好像又是对的哦，，刚我回复的分析好像错啦，唉，越想越乱

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

班大人回复惊艳消逝提问者

最好的方法是，动手去实践。按F12，观察你每次点击，div发生的变化。

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

查看1条回复