JQuery替换DOM节点的方法

这篇文章主要介绍了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.vevb.com</p>');  
6.  }) 
7.  $("#btn_2").click(function(){ 
8.   $(".nm_p").replaceWith('<p class="nm_p" title="欢迎访问武林网" >欢迎访问武林网</p>');  
9.   // 同样的实现： $('<p class="nm_p">欢迎访问www.vevb.com</p>').replaceAll(".nm_p");  
10.  }) 
11. }); 
12. //]]> 
13. </script>