您的位置：首页 > Web前端 > JQuery

Jquery中的DOM操作 (四.复制和替换节点)

2017-03-02 17:56 417 查看

$(function(){
//5.复制节点
//1.clone()方法中传递参数true,它的含义是复制元素的同时复制元素所绑定的事件,否则不会复制事件
//不会复制事件
$("ul li").click(function(){
$(this).clone().appendTo("ul");
});
//会复制事件
$("div li").click(function(){
$(this).clone(true).appendTo("div");
});
//5.替换节点
//replaceWith()和replaceAll()
//如果替换之前,已经为元素绑定事件,替换后原先绑定的事件将会与被绑定的元素
//一起消失,需要在新元素上重新绑定事件
$("#one").replaceWith("<p><strong>你喜欢的是?</strong></p>");
$("<strong>你喜欢的是?</strong>").replaceAll("#two");
});

<body>
<p title="选择你最喜欢的水果.">你最喜欢的水果是?</p>
<p id="one" title="选择你最喜欢的水果.">你最喜欢的水果是?</p>
<p id="two"   title="选择你最喜欢的水果.">你最喜欢的水果是?</p>
<ul>
<li>西瓜</li>
<li title="pt">葡萄</li>
<li>香瓜</li>
</ul>

<div id="1">
<li>苹果1</li>
<li>菠萝1</li>
<li>橘子1</li>
</div>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jQuery 操作DOM节点

相关文章推荐

新的分享

章节导航