區別在於，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'>[email protected]</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'>[email protected]</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() 方法都可以實現元素節點的替換，二者最大的區別在
於替換字符的順序，前者是用括號中的字符替換所選擇的元素，後者是用字符串替換括號中
所選擇的元素。同時，一旦完成替換，被替換元素中的全部事件都將消失。
