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
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
评论