内容相互调换的方法
相接上代码，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,我们将及时处理。
微信扫码关注
更新实时通知