介绍

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

Logo

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

更多推荐