内容相互调换的方法

时间:5年前   阅读:5768

相接上代码,jquery文件自己去官网下载:

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
		<style type="text/css">    
			#hd1{    
				width: 300px;    
				height: 200px;    
				border: 4px solid seagreen;    
			}    
			#hd2{    
				width: 300px;    
				height: 200px;    
				border: 4px solid blue;    
			}    
		</style>    
		<script src="jquery-1.11.3.min.js.js" type="text/javascript"></script>    
		<script type="text/javascript">    
			$(function(){    
				$('#dd').click(function(){    
//					获得hd1的内容    
					var con = $('#hd1').html();    
//					将获得的内容写入到hd2里    
					$('#hd2').html(con);    
//					将hd1清空    
					$('#hd1').html('');    
				})    
			})    
		</script>    
	</head>    
	<body>    
		<div id="hd1">很多新人,一听到新技术,两眼冒光,像打了鸡血一样,以为各种高大上。其实啊,越是新技术,越没有“技术含量”,或者,技术含量在新技术本身里面,而不在“学会新技术”“使用新技术”上。</div>    
		<br />    
		<input type="button" name="dd" id="dd" value="点我做什么?会乾坤大挪移" />    
		<br />    
		<div id="hd2"></div>    
	</body>    
</html>

上面代码效果图片:


本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:2019期权投资焦点:关注波动率变化

下一篇:排课算法思路和步骤

网友评论

请先 登录 再评论,若不是会员请先 注册