jQuery中的append（）和appendTo（）

一、总结

append(content|fn) ：向每个匹配元素内部的末尾处插入内容/*后加插入内容*/；

appendTo(content) ：将每个匹配的元素追加到指定的元素中的内部的末尾/*后加的是指定的元素*/；

二、案例

一、如下图代码

<!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>

此代码的结果——>：即在含有content类中最后加上一个span标签

二、如图所示的代码：

<!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>

结果就是——>:将id="letter"的标签内容添加到id="content"的标签最后

jQuery中的append（）和appendTo（）相关推荐

jQuery中的append()和appendTo()方法
jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...
jQuery中的append 和appendTo方法
append(content|fn) :向每个匹配元素内部的末尾处插入内容: <!DOCTYPE html> <html><head><meta charse ...
jquery方法之append()与appendto()
在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同,但是两者也有区别. 1.append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容. a.语法:$ ...
jQuery中操作元素节点appendTo()与prependTo()的区别
1. appendTo(content): 将所有匹配的元素添加到另一个特定的目标元素中(加入作为最后一个子节点) 2.prependTo():同样的, 将所有匹配的元素添加到另一个特定的目标元素中. ...
jQuery中的append()方法
由于本人今天在一道题目的时候发现append()方法的神奇之处,所以特来分享 append()在指定元素插入一个新的节点或者元素,但是今天我再使用这个方法的时候他会覆盖类名相同的标签, ```java ...
jquery动态追加html,jQuery中几种动态追加元素的方法
几乎所有网站的开发都离不开jQuery,jQuery可以很方便的实现网页中的一些效果,也很轻松的对网页中的一些DIV元素进行添加,修改或删除的操作.今天我们就说一说,如何对网页中某个指定的DIV进行元 ...
DOM——创建节点及节点属性与内部插入append()和appendTo()
创建节点及节点属性与内部插入append()和appendTo() 1 创建流程创建节点(常见的元素.属性和文本) 添加节点的一些属性加入到文档中 2 流程中涉及的方法创建元素docum ...
JQuery中html、append、appendTo、after、insertAfter系列方法
2019独角兽企业重金招聘Python工程师标准>>> html方法,给元素添加html代码或者清空html代码(参数为空字符串): append向元素的末尾添加html代码: ap ...
比较jquery中的after(),append(),appendTo()方法
html页面: <p id="myp1">我的兴趣爱好是:</p> <button id="b1">after函数</ ...

jQuery中的append（）和appendTo（）

jQuery中的append（）和appendTo（）相关推荐

最新文章

热门文章