龙空技术网

jQuery中的DOM操作-替换节点

编程有你 59

前言:

此刻咱们对“jquery节点内容复制”都比较关注,咱们都需要知道一些“jquery节点内容复制”的相关文章。那么小编在网络上网罗了一些对于“jquery节点内容复制””的相关文章,希望朋友们能喜欢,你们快快来学习一下吧!

首先看一下效果:

初始界面

替换方法-: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><body><button>按钮一</button><button>按钮二</button><button>按钮三</button><p>这是段落。</p><script>//replaceWitch前面的元素是被替换的,后面的元素是替换的$("button").replaceWith($("<p>这也是段落。</p>"));//replaceAll-是颠倒的replaceWitch$("<button>按钮啊</button>").replaceAll($("p"));</script></body></html>

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

标签: #jquery节点内容复制 #jquery层替换层 #jquery图片替换 #jq replace 全部替换 #phpjquery模板替换