相接上代码，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/post/7664.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知