jQuery—添加DOM节点之append方法和appendTo()

脊椎类哺乳动物

于 2019-11-09 20:37:51 发布

阅读量444

点赞数

分类专栏：网页文章标签： jQuery 网页前端

本文链接：https://blog.youkuaiyun.com/Kiwi_no/article/details/102991380

版权

网页专栏收录该内容

15 篇文章

订阅专栏

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

<!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>
		<p id="content1">I hate </p>
		<script>
			$("#content").append("<span>you.</span>");
		</script>
	</body>

	</body>
</html>

页面显示为：

I love you.

I hate

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>
		<span id="letters">you.</span>
		<script>
			$("#letters").appendTo("#content");
		</script>

	</body>

	</body>
</html>

页面显示为：

I love you.