jquery怎么使用新元素来替换所选元素？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
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=&<mark style="color:transparent">来源gaodaimacom搞#^代%!码网</mark>quot;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>
更多前端开发知识，请查阅 搞代码网 ！！
以上就是jquery怎么使用新元素来替换所选元素？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jquery怎么使用新元素来替换所选元素？
转载请注明原文链接：jquery怎么使用新元素来替换所选元素？
