Kaedah JQuery untuk menggantikan DOM nodes_jquery

Contoh dalam artikel ini menerangkan cara menggantikan nod DOM dengan JQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Jika anda ingin menggantikan nod, jQuery menyediakan kaedah yang sepadan, iaitu replaceWith() dan replaceAll().

Fungsi kaedah

replaceWith() adalah untuk menggantikan semua elemen padanan dengan elemen HTML atau DOM yang ditentukan.

Kod JQuery untuk contoh ini:

<script type="text/javascript">
//<![CDATA[
$(function(){
 $("#btn_1").click(function(){
  $(".nm_p").replaceWith('<p class="nm_p">欢迎访问www.jb51.net</p>'); 
 })
 $("#btn_2").click(function(){
  $(".nm_p").replaceWith('<p class="nm_p" title="欢迎访问脚本之家" >欢迎访问脚本之家</p>'); 
  // 同样的实现： $('<p class="nm_p">欢迎访问www.jb51.net</p>').replaceAll(".nm_p"); 
 })
});
//]]>
</script>

Anda juga boleh menggunakan kaedah lain dalam JQuery, replaceAll(), yang mempunyai kesan yang sama seperti kaedah replaceWith(), kecuali operasi replaceWith() diterbalikkan Anda boleh menggunakan kod jQuery berikut untuk mencapai fungsi yang sama :

Salin kod Kod adalah seperti berikut:

$('<p class="nm_p">Selamat datang ke www.jb51 .net</p>').replaceAll(".nm_p");

Kedua-dua ayat kod JQuery ini akan mencapai kesan penggantian nod.

PS: Jika acara telah terikat pada elemen sebelum penggantian, acara asal terikat akan hilang bersama-sama dengan elemen diganti selepas penggantian, dan acara itu perlu diikat semula pada elemen baharu.

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.