Maison  >  Article  >  interface Web  >  Explication comparative de l'utilisation des fonctions append() et appendto() dans jQuery

Explication comparative de l'utilisation des fonctions append() et appendto() dans jQuery

巴扎黑
巴扎黑original
2017-06-24 11:21:232067parcourir

Cet article analyse l'utilisation de append() et appendto() dans jquery avec des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Dans la méthode d'opération de document de jQuery, les méthodes append() et appendto() effectuent les mêmes tâches, mais il existe également des différences entre les deux.

1. Méthode append() : Insère le contenu spécifié à la fin de l'élément sélectionné (mais toujours dans l'élément).

a. Syntaxe :

Le code est le suivant :


$(selector).append(content);

Parmi eux, le contenu du paramètre est obligatoire et précise le contenu à ajouter.

b.append peut utiliser la fonction pour ajouter du contenu à l'élément sélectionné. La syntaxe est :

Le code est le suivant :


$(selector).append(function(index,html));

Parmi eux, function() est obligatoire, et les paramètres index et html sont facultatifs. Index représente la position d'index du sélecteur de réception et html représente le code HTML actuel du sélecteur de réception.

Exemple :

Le code est le suivant :


 1 100db36a723c770d327fc0aef2ce13b1 
 2 93f0f5c25f18dab9d176bd4f6de5d30e 
 3 e237a888ddddb6a569e64fe57f33f83d2cacc6d41bbb37262a98f745aa00fbf0 
 4 8019067d09615e43c7904885b5246f0a 
 5 $(document).ready(function(){ 
 6   $("button").click(function(){ 
 7     $("p").append(" a4b561c25d9afb9ac8dc4d70affff419Hello jQuery!0d36329ec37a2cc24d42c7229b69747a"); 
 8   }); 
 9 }); 
10 2cacc6d41bbb37262a98f745aa00fbf0 
11 9c3bca370b5104690d9ef395f2c5f8d1 
12 6c04bd5ca3fcae76e30b72ad730ca86d 
13 e388a4556c0f65e1904146cc1a846beeThis is a paragraph.94b3e26ee717c64999d7867364b1b4a3 
14 e388a4556c0f65e1904146cc1a846beeThis is another paragraph.94b3e26ee717c64999d7867364b1b4a3 
15 bb9345e55eb71822850ff156dfde57c8在每个 p 元素的结尾添加内容65281c5ac262bf6d81768915a4a77ac0 
16 36cc49f0c466276486e50c850b7e4956 
17 73a6ac4ed44ffec12cee46588e518a5e

Le résultat d'exécution est le suivant :

Ceci est un paragraphe.
Ceci est un autre paragraphe Bonjour jQuery !

Méthode appendto() : Insérez le spécifié à la fin de l'élément sélectionné (. mais toujours à l'intérieur de l'élément). Mais vous ne pouvez pas utiliser de fonctions pour ajouter du contenu.

Syntaxe :

Le code est le suivant :


$(content).appendto(selector);

Exemple :

Le code est le suit :


 1 100db36a723c770d327fc0aef2ce13b1 
 2 93f0f5c25f18dab9d176bd4f6de5d30e 
 3 e237a888ddddb6a569e64fe57f33f83d2cacc6d41bbb37262a98f745aa00fbf0 
 4 8019067d09615e43c7904885b5246f0a 
 5 $(document).ready(function(){ 
 6   $("button").click(function(){ 
 7     $("a4b561c25d9afb9ac8dc4d70affff419 Hello jQuery!0d36329ec37a2cc24d42c7229b69747a").appendTo("p"); 
 8   }); 
 9 }); 
10 2cacc6d41bbb37262a98f745aa00fbf0 
11 9c3bca370b5104690d9ef395f2c5f8d1 
12 6c04bd5ca3fcae76e30b72ad730ca86d 
13 e388a4556c0f65e1904146cc1a846beeThis is a paragraph.94b3e26ee717c64999d7867364b1b4a3 
14 e388a4556c0f65e1904146cc1a846beeThis is another paragraph.94b3e26ee717c64999d7867364b1b4a3 
15 bb9345e55eb71822850ff156dfde57c8在每个 p 元素的结尾添加内容65281c5ac262bf6d81768915a4a77ac0 
16 36cc49f0c466276486e50c850b7e4956 
17 73a6ac4ed44ffec12cee46588e518a5e

Les résultats en cours d'exécution sont les suivants :

Ceci est un paragraphe Bonjour jQuery !
Ceci est un autre paragraphe Bonjour. jQuery !

J'espère que ce qui est décrit dans cet article sera utile à la programmation jQuery de chacun.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn