jquery替换和复制
直接上代码,jquery去官网下载
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.3.min.js.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('#btn').click(function(){ // 替换 用#aa 替换box 里面的h2第2个 // $("#box h2").eq(2).replaceWith($('#aa')); // 替换 跟上面的替换意思一样,写法相反; // $("#aa").replaceAll($("#box h2").eq(2)); // 复制 clone var fj = $("#aa").clone(); // 将新复制的内容追加到fj里面去 $("#box").append(fj); }) }) </script> </head> <body> <h1 id="aa">这个是h1标签</h1> <input type="button" name="" id="btn" value="来点我呀" /> <br /><br /> <div id="box"> <h2>如果你是工作经验小于2年的朋友0</h2> <h2>如果你是工作经验小于2年的朋友1</h2> <h2>如果你是工作经验小于2年的朋友2</h2> <h2>如果你是工作经验小于2年的朋友3</h2> <h2>如果你是工作经验小于2年的朋友4</h2> <h2>如果你是工作经验小于2年的朋友5</h2> <h2>如果你是工作经验小于2年的朋友6</h2> </div> </body> </html>
上面代码效果图片:
原文链接:https://www.qiquanji.com/post/7660.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知