jquery怎么使用新元素来替换所选元素？
在jquery中，可以通过replaceAll()方法或replaceWith()方法来用新元素来替换所选元素。
replaceAll() 方法用指定的 HTML 内容或元素替换被选元素。
replaceWith() 方法用指定的 HTML 内容或元素替换被选元素。
提示：replaceWith() 与 replaceAll() 作用相同。差异在于语法：内容和选择器的位置，以及 replaceAll() 无法使用函数进行替换。
示例1：使用replaceAll() 方法
使用 document.createElement() 来创建一个新的 DOM 元素，然后用它替换被选元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$(document.createElement("div")).replaceAll("p");
});
});
</script>
<style>
div{height:20px;background-color:yellow;margin:10px;}
</style>
</head>
<body>
<p>一个p段落。</p>
<p>另一个p段落。</p>
<button class="btn1">用新的 div 替换所有p段落</button>
</body>
</html>效果图：
示例2：使用replaceWith() 方法
使用 document.createElement() 来创建一个新的 DOM 元素，然后用它替换被选元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").replaceWith(document.createElement("div"));
});
});
</script>
<style>
div{height:20px;background-color:yellow;margin:10px;}
</style>
</head>
<body>
<p>一个p段落。</p>
<p>另一个p段落。</p>
<button class="btn1">用新的 div 替换所有p段落</button>
</body>
</html>效果图：
更多前端开发知识，请查阅 HTML中文网 ！！
以上就是jquery怎么使用新元素来替换所选元素？的详细内容，更多请关注0133技术站其它相关文章！
