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