html替换所有选中的,jquery怎么使用新元素来替换所选元素？

jquery怎么使用新元素来替换所选元素？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

jquery怎么使用新元素来替换所选元素？

在jquery中，可以通过replaceAll()方法或replaceWith()方法来用新元素来替换所选元素。

replaceAll() 方法用指定的 HTML 内容或元素替换被选元素。

replaceWith() 方法用指定的 HTML 内容或元素替换被选元素。

提示：replaceWith() 与 replaceAll() 作用相同。差异在于语法：内容和选择器的位置，以及 replaceAll() 无法使用函数进行替换。

示例1：使用replaceAll() 方法

使用 document.createElement() 来创建一个新的 DOM 元素，然后用它替换被选元素。

$(document).ready(function(){

$(".btn1").click(function(){

$(document.createElement("div")).replaceAll("p");

});

});

div{height:20px;background-color:yellow;margin:10px;}

一个p段落。

另一个p段落。

用新的 div 替换所有p段落

效果图：

示例2：使用replaceWith() 方法

使用 document.createElement() 来创建一个新的 DOM 元素，然后用它替换被选元素。

$(document).ready(function(){

$(".btn1").click(function(){

$("p").replaceWith(document.createElement("div"));

});

});

div{height:20px;background-color:yellow;margin:10px;}

一个p段落。

另一个p段落。

用新的 div 替换所有p段落

效果图：

更多前端开发知识，请查阅 HTML中文网 ！！