jquery 的 clone() 方法能够复制指定元素以及其上绑定的事件处理程序。

1、 构建基础 HTML 页面结构

jQuery clone()复制元素及事件 第1张

2、 添加段落文本与交互式按钮

jQuery clone()复制元素及事件 第2张

3、 引入 jQuery 核心库文件

jQuery clone()复制元素及事件 第3张

4、 单击“复制”按钮，将第一个

元素完整克隆一份

jQuery clone()复制元素及事件 第4张

5、 每次点击任意

标签，其文字尺寸递增一级

jQuery clone()复制元素及事件 第5张

6、 最终运行效果如下图所示

jQuery clone()复制元素及事件 第6张

7、 点击按钮执行克隆操作后，页面呈现效果如示意图所示

jQuery clone()复制元素及事件 第7张

8、 再次点击按钮完成段落复制，实际渲染效果参见下图

jQuery clone()复制元素及事件 第8张

9、 对

元素进行点击触发字体放大，动态效果示意如下

jQuery clone()复制元素及事件 第9张