Nearth===>WEB前端--第24课/JQuery/动态创建元素2（点击按钮，把div1内容移动到div2）

最新推荐文章于 2019-11-16 17:30:09 发布

码字界陈冠希

最新推荐文章于 2019-11-16 17:30:09 发布

阅读量151

点赞数

分类专栏： WEB前端第三季/JQuery

本文链接：https://blog.csdn.net/ly1716/article/details/103095224

版权

WEB前端第三季/JQuery 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

代码学习：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Nearth</title>
		<style type="text/css">
			div{
				width:200px;
				height: 200px;
				background-color: paleturquoise;
				margin-top: 20px;
			}
		</style>
		<script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//要求:点击按钮把第一个div 中的元素添加到第二个div 中
			$(function(){
				$("#btn").click(function(){
					//append() 方法把元素添加到另一个元素中的时候,有点剪切的效果
					$("#dv2").append("#dv1>p");
				});
			});
		</script>
	</head>
	<body>
		<h1></h1>
		<hr >
		<input type="button" name="" id="btn" value="显示效果" />
		<div id="dv1">
			<p>这是div1</p>
		</div>
		<div id="dv2">
			
		</div>
	</body>
</html>