搜索
写经验 领红包
 > 情感

jquey替换节点的方法(jquey替换)

导语:jQuery中的DOM操作-替换节点

首先看一下效果:

初始界面

替换方法-:replaceWitch()完成的效果:

替换方法-:replaceAll()完成的效果:

以上功能的代码实现:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>jQuery中的DOM-替换节点</title><script src="jquery-3.2.1.js"></script></head><button>按钮一</button><button>按钮二</button><button>按钮三</button><p>这是段落。</p><script>//replaceWitch前面的元素是被替换的,后面的元素是替换的$("button").replaceWith($("<p>这也是段落。</p>"));//replaceAll-是颠倒的replaceWitch$("<button>按钮啊</button>").replaceAll($("p"));</script>

喜欢点赞加关注欧!后续更新!共同进步!

本文内容由小彤整理编辑!