jq元素复制另一个元素的html,jq中复制克隆元素节点的方法

jquery中有一个 clone() 方法，它可以复制元素以及元素的子节点，可以使用它将一个元素复制到多个地方并展示，具体的使用方法可以参考下面的文章。

JQuery clone() 方法

clone()：复制一个指定的元素，包括这个元素的子节点，内容以及属性。

语法：$(selector).clone();

jq复制指定的元素的方法

例1：利用clone() 方法复制一个元素html>

飞鸟慕鱼博客-复制DIV元素的内容

我是可以被复制的

点击复制

$('#but').on('click',function(){

console.log($('#mochu').clone());

});

例2：jq方法复制元素到指定的元素中html>

飞鸟慕鱼博客-复制DIV元素的内容

我是可以被复制的

点击复制

//将ID为mochu的整个元素包括内容，复制到id为to的元素中去

$('#but').on('click',function(){

$('#to').html($('#mochu').clone());

});