JQuerys Methode zum Ersetzen von DOM nodes_jquery

Das Beispiel in diesem Artikel beschreibt, wie DOM-Knoten durch JQuery ersetzt werden. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Wenn Sie einen Knoten ersetzen möchten, stellt jQuery die entsprechenden Methoden bereit, nämlich replaceWith() und replacementAll().

Die Funktion der Methode

replaceWith() besteht darin, alle passenden Elemente durch angegebene HTML- oder DOM-Elemente zu ersetzen.

JQuery-Code für dieses Beispiel:

<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>

Sie können in JQuery auch eine andere Methode verwenden, replaceAll(), die den gleichen Effekt wie die Methode replaceWith() hat, mit der Ausnahme, dass die Operation replaceWith() umgekehrt ist. Sie können den folgenden jQuery-Code verwenden, um dieselbe Funktion zu erreichen :

Code kopieren Der Code lautet wie folgt:

$('

Willkommen bei www.jb51 .net

').replaceAll(".nm_p");

Diese beiden Sätze des JQuery-Codes erzielen den Knotenersetzungseffekt.

PS: Wenn ein Ereignis vor dem Ersetzen an ein Element gebunden wurde, verschwindet das ursprünglich gebundene Ereignis zusammen mit dem ersetzten Element nach dem Ersetzen und das Ereignis muss erneut an das neue Element gebunden werden.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.