本文實例講述了JQuery替換DOM節點的方法。分享給大家供大家參考。具體分析如下：
如果要替換某個節點，jQuery提供了相應的方法，即replaceWith()和replaceAll()。
replaceWith()方法的作用是將所有匹配的元素都替換成指定的HTML或者DOM元素。
本例 JQuery 代碼：
<script type="text/javascript">//<![CDATA[$(function(){ $("#btn_1").click(function(){ $(".nm_p").replaceWith('<p class="nm_p">歡迎訪問m.survivalescaperooms.com</p>'); }) $("#btn_2").click(function(){ $(".nm_p").replaceWith('<p class="nm_p" title="歡迎訪問武林網" >歡迎訪問武林網</p>'); // 同樣的實現： $('<p class="nm_p">歡迎訪問m.survivalescaperooms.com</p>').replaceAll(".nm_p"); })});//]]></script>也可以使用JQuery中另一個方法replaceAll()來實現，該方法與replaceWith()方法的作用相同，只是顛倒了replaceWith()操作，可以使用如下jQuery代碼實現同樣的功能：
PS：如果在替換之前，已經為元素綁定事件，替換后原先綁定的事件將會與被替換的元素一起消失，需要在新元素上重新綁定事件。
希望本文所述對大家的jQuery程序設計有所幫助。
新聞熱點
疑難解答
