Heim > Web-Frontend > js-Tutorial > Hauptteil

JQuerys Methode zum Ersetzen von DOM nodes_jquery

WBOY
Freigeben: 2016-05-16 15:55:53
Original
1115 Leute haben es durchsucht

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>
Nach dem Login kopieren

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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!