La différence entre les méthodes append, prepend, avant et après dans jquery

巴扎黑

Libérer： 2017-06-24 11:20:20

original

1597 Les gens l'ont consulté

1. app end() et prepend()

Assomption

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

Copier après la connexion

L'effet de l'utilisation de

$(&#39;.a&#39;).append($(&#39;.c&#39;));

Copier après la connexion

est le suivant :

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

Copier après la connexion

De même, l'utilisation de

$(&#39;.a&#39;).prepend($(&#39;.c&#39;));

Copier après la connexion

l'effet est le suivant :

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

Copier après la connexion

2. Utilisez after( ) et before()

utilisez également le code hypothétique :

$(&#39;.a&#39;).after($(&#39;.c&#39;));

Copier après la connexion

L'effet est le suivant :

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

Copier après la connexion

Utiliser de la même manière avant()

$(&#39;.a&#39;).before($(&#39;.c&#39;));

Copier après la connexion

L'effet est le suivant :

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

Copier après la connexion

Résumé :

append() & prepend() sont dans l'élément Insérer du contenu à l'intérieur (le contenu devient un élément enfant ou un nœud de l'élément), after() & before() insèrent du contenu à l'extérieur de l'élément (son contenu devient le nœud frère de l'élément).>

1. append() et prepend()

Supposons que

utilise

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

Copier après la connexion

et l'effet. est le suivant :

$(&#39;.a&#39;).append($(&#39;.c&#39;));

Copier après la connexion

Utilisez de la même manière

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

Copier après la connexion

et l'effet est le suivant :

$(&#39;.a&#39;).prepend($(&#39;.c&#39;));

Copier après la connexion

2. Utilisez after() et 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>

Copier après la connexion

Utilisez de la même manière le code hypothétique :

L'effet est le suivant :

$(&#39;.a&#39;).after($(&#39;.c&#39;));

Copier après la connexion

Utilisez de la même manière avant()

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

Copier après la connexion

L'effet est le suivant :

$(&#39;.a&#39;).before($(&#39;.c&#39;));

Copier après la connexion

Résumé :

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

Copier après la connexion

append() et prepend() servent à insérer du contenu à l'intérieur de l'élément (le contenu devient l'élément enfant ou le nœud de l'élément) , after() & before() doivent insérer du contenu en dehors de l'élément (le contenu devient le nœud frère de l'élément)).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!