jquery 的 clone() 方法能够复制指定元素以及其上绑定的事件处理程序。
1、 构建基础 HTML 页面结构

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

3、 引入 jQuery 核心库文件

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

5、 每次点击任意 <p></p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/2329" title="LLaMA-Factory Online"><img
src="https://img.php.cn/upload/ai_manual/001/246/273/175894320673505.png" alt="LLaMA-Factory Online" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/2329" title="LLaMA-Factory Online">LLaMA-Factory Online</a>
<p>在线大模型训练与微调服务平台</p>
</div>
<a href="/ai/2329" title="LLaMA-Factory Online" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div> 标签,其文字尺寸递增一级

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

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

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

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










