這篇文章主要介紹了JQuery替換DOM節點的方法,實例分析了jQuery中replaceWith()和replaceAll()方法的相關使用技巧與注意事項,需要的朋友可以參考下

 

本文實例講述了JQuery替換DOM節點的方法。分享給大家供大家參考。具體分析如下：

如果要替換某個節點，jQuery提供了相應的方法，即replaceWith()和replaceAll()。

replaceWith()方法的作用是將所有匹配的元素都替換成指定的HTML或者DOM元素。

本例 JQuery 代碼：
 

1. <script type="text/javascript"> 
2. //<![CDATA[ 
3. $(function(){ 
4.  $("#btn_1").click(function(){ 
5.   $(".nm_p").replaceWith('<p class="nm_p">歡迎訪問www.survivalescaperooms.com</p>');  
6.  }) 
7.  $("#btn_2").click(function(){ 
8.   $(".nm_p").replaceWith('<p class="nm_p" title="歡迎訪問武林網" >歡迎訪問武林網</p>');  
9.   // 同樣的實現： $('<p class="nm_p">歡迎訪問www.survivalescaperooms.com</p>').replaceAll(".nm_p");  
10.  }) 
11. }); 
12. //]]> 
13. </script>