JQuery中append()和appendTo()方法

$(x).append(y)方法：在每个所选择的元素x内部的末尾处插入内容y

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script src="js/jquery-3.3.1.js"></script></head><body><p id="content">I love </p><script>$("#content").append("<span>you.</span>");</script></body>
</html>

结果：I love you.

$(x).appendTo(y)方法：将每个所选择的元素x插入到指定元素y内部的末尾处

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script src="js/jquery-3.3.1.js"></script></head><body><p id="content">I love </p><span id="letters">you.</span><script>$("#letters").appendTo("#content");</script></body>
</html>

结果：I love you.

JQuery中append()和appendTo()方法相关推荐

jquery中append与appendTo方法区别
1. append(content)方法方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (<Content>): 要追加到目标中的内容. 用法示例: HTML代码为& ...
jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项...
这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂.如下: 方法源包装集/字串目标包装集体特性描述 A.append(B) B A 若目标包装集 ...
java appendto方法_jquery append与appendTo方法比较
jquery中append与appendTo方法区别 1. append(content)方法方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (): 要追加到目标中的内容. 用法 ...
jQuery中append、insertBefore、after与insertAfter方法注意事项
jQuery中append.appendTo.prepend.prependTo.before.insertBefore.after与insertAfter方法注意事项这里列的是针对初学jQuery ...
java appendto方法_jquery中append()与appendto()用法分析
本文实例分析了jquery中append()与appendto()的用法.分享给大家供大家参考.具体分析如下: 在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同 ...
jQuery中的append()和appendTo()方法
jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...
JQuery之append和appendTo的区别，还有js中的appendChild用法
JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择 ...
jquery中append、prepend、before、after方法使用
一.after()和before()方法的区别 after()--其方法是将方法里面的参数添加到jquery对象后面去: 如:A.after(B)的意思是将B放到A后面去: before()- ...

JQuery中append()和appendTo()方法

JQuery中append()和appendTo()方法相关推荐

最新文章

热门文章