简述JS中append方法与appendTo方法的区分

介绍append()向每个匹配元素内部的末尾处插入内容appendTo()将每个匹配的元素追加到指定的元素中的内部的末尾区分1、append()<!DOCTYPE html><html><head><meta charset="utf-8" /><title></titl...

肥胖的企鹅

7375人浏览 · 2019-11-09 20:37:35

肥胖的企鹅 · 2019-11-09 20:37:35 发布

介绍

append()	向每个匹配元素内部的末尾处插入内容
appendTo()	将每个匹配的元素追加到指定的元素中的内部的末尾

区分

1、append()

<!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>");//使用append方法将span标签插入到id为content标签的尾部
	</script>
    </body>
</html>

结果如下：

2、appendTo()

<!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");//使用appendTO方法将指定标签内容传输到指定标签尾部
	</script>
    </body>
</html>

结果如下：

——分析见于代码块注释——

——END——

华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐