区别在于，html()会替换指定元素内部的HTML，而replaceWith()会替换元素本身及其内部的HTML。
<
div
id
=
"myid"
/>
|
|
1
2
3
4
5
|
// <div id="myid"><p>Text</p></div>
$(
'#myid'
).html(
'<p>Text</p>'
);
// <p>Text</p>
$(
'#myid'
).replaceWith(
'<p>Text</p>'
);
|
Jquery中替换节点的方法replaceWith（）和replaceAll（）
在jquery中，我们可以通过replaceWith（）和replaceAll（）方法来替换元素中的节点。
语法格式：replaceWith（content） 将所有选择的元素替换成指定的html和dom元素。其中参数被选择替换的内容。
replaceAll（selector） 替换指定的selector元素。
示例：在下面的页面中存在两个span标记。通过上面两个函数分别替换元素的内容
1 <script type="text/javascript">
2 $( function() {
3 $("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>");
4 $("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2");
5 })
6 </script>
7 </head>
8 <body>
9 <p>姓名：<span id="Span1"></span></p>
10 <p>邮箱：<span id="Span2"></span></p>
11 </body>
2 $( function() {
3 $("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>");
4 $("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2");
5 })
6 </script>
7 </head>
8 <body>
9 <p>姓名：<span id="Span1"></span></p>
10 <p>邮箱：<span id="Span2"></span></p>
11 </body>
注意 replaceWith() 与replaceAll() 方法都可以实现元素节点的替换，二者最大的区别在
于替换字符的顺序，前者是用括号中的字符替换所选择的元素，后者是用字符串替换括号中
所选择的元素。同时，一旦完成替换，被替换元素中的全部事件都将消失。
418
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
