内容相互调换的方法
时间: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,我们将及时处理。
微信扫码关注
更新实时通知
网友评论