jQuery中append()和appendTo()的区别

【前言】

简单总结下jQuery中append()和appendTo()的区别

【主体】

1、简单理解（插入对象不同）

append()前面是被插入的对象，后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容，而后面是被插入的对象

2、实际案例

（1）a.append(b)是将b插入a的后面

（2）a.appendTo(b)是将a插入到b的后面

3、实例解析

结合上篇案例来了解下

（1）文字向上滚动----append()方法

$(this).css({"marginTop":0}).append($(this).children("li:first"));

（2）文字向上滚动----appendTo()方法

$(this).css({"marginTop":0}).children("li:first").appendTo(this);

jQuery中append()和appendTo()的区别相关推荐

jquery中append与appendTo方法区别
1. append(content)方法方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (<Content>): 要追加到目标中的内容. 用法示例: HTML代码为& ...
JQuery之append和appendTo的区别，还有js中的appendChild用法
JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择 ...
jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项...
这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂.如下: 方法源包装集/字串目标包装集体特性描述 A.append(B) B A 若目标包装集 ...
JQuery中append()和appendTo()方法
$(x).append(y)方法:在每个所选择的元素x内部的末尾处插入内容y <!DOCTYPE html> <html><head><meta charse ...
java appendto方法_jquery中append()与appendto()用法分析
本文实例分析了jquery中append()与appendto()的用法.分享给大家供大家参考.具体分析如下: 在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同 ...
jQuery中append、insertBefore、after与insertAfter方法注意事项
jQuery中append.appendTo.prepend.prependTo.before.insertBefore.after与insertAfter方法注意事项这里列的是针对初学jQuery ...
append和appendTo的区别以及js中的appendChild用法
append和appendTo的区别以及js中的appendChild用法很多像我一样接触JS没多久的小白对append和appendTo的区别以及js中的appendChild用法都会有所模糊,下 ...
jquery append()和appendTo() 的区别
append()和appendTo() 的区别 append() $(selector).append(content,function(index,html)) 在A的后面添加B content,可 ...
append和appendTo的区别浅析
二者差别并不大! 在jq文档中,显示二者不同之处在于:内容的位置和选择器. 示例如下: append的写法为: (要插入的对象).append(插入什么内容) appendTo的写法为: (插入什么内 ...

jQuery中append()和appendTo()的区别

jQuery中append()和appendTo()的区别相关推荐

最新文章

热门文章