jQuery clone()复制元素及事件

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

1、 构建基础 HTML 页面结构

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

3、 引入 jQuery 核心库文件

4、 单击“复制”按钮，将第一个 <p></p> 元素完整克隆一份

5、 每次点击任意 <p></p> 标签，其文字尺寸递增一级

Hugging Face

Hugging Face AI开源社区

270 查看详情

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

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

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

9、 对 <p></p> 元素进行点击触发字体放大，动态效果示意如下

以上就是jQuery clone()复制元素及事件的详细内容，更多请关注其它相关文章！