Der Unterschied zwischen Append-, Prepend-, Before- und After-Methoden in JQuery

1. append() und prepend()

Annahme

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
</p>

Die Wirkung von

$('.a').append($('.c'));

ist wie folgt:

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
  <p class=&#39;c&#39;>c</p>
</p>

Ebenso ist die Wirkung von

$('.a').prepend($('.c'));

wie folgt:

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;c&#39;>c</p>
  <p class=&#39;b&#39;>b</p>

</p>

2. Verwenden Sie after( ) und before()

und verwenden Sie auch den hypothetischen Code:

$('.a').after($('.c'));

Der Effekt ist wie folgt:

<p class=&#39;a&#39;>
  <p class=&#39;b&#39;>b</p></p><p class=&#39;c&#39;>c</p>

Ähnlich vor() verwenden

$('.a').before($('.c'));

Der Effekt ist wie folgt:

<p class=&#39;c&#39;>c</p><p class=&#39;a&#39;>
  <p class=&#39;b&#39;>b</p></p>

Zusammenfassung:

append() & prepend() befinden sich im Element. Fügen Sie Inhalt ein (der Inhalt wird zu einem untergeordneten Element oder Knoten des Elements), after() & before() fügen Inhalt außerhalb des Elements ein (sein Inhalt wird zum Geschwisterknoten des Elements). ist wie folgt:

Verwenden Sie auf ähnliche Weise

und der Effekt ist wie folgt:

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
</p>

2. Verwenden Sie after() und before()

$('.a').append($('.c'));

Verwenden Sie auf ähnliche Weise den hypothetischen Code:

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;b&#39;>b</p>
  <p class=&#39;c&#39;>c</p>
</p>

Der Effekt ist wie folgt:

$('.a').prepend($('.c'));

Verwenden Sie auf ähnliche Weise before()

<p class=&#39;a&#39;> //<---you want p c to append in this
  <p class=&#39;c&#39;>c</p>
  <p class=&#39;b&#39;>b</p>

</p>

Der Effekt ist wie folgt:

Zusammenfassung:

$('.a').after($('.c'));

append() & prepend() fügt Inhalt innerhalb des Elements ein (der Inhalt wird zu einem untergeordneten Element oder Knoten des Elements), danach () & before() fügen Inhalt außerhalb des Elements ein (der Inhalt wird zum Geschwisterknoten des Elements).

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen Append-, Prepend-, Before- und After-Methoden in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!