Explication comparative de l'utilisation des fonctions append() et appendto() dans jQuery-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-06-24 11:21:23

original

1988 Les gens l'ont consulté

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

Copier après la connexion

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

Copier après la connexion

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 <html> 
 2 <head> 
 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 
 4 <script type="text/javascript"> 
 5 $(document).ready(function(){ 
 6   $("button").click(function(){ 
 7     $("p").append(" <b>Hello jQuery!</b>"); 
 8   }); 
 9 }); 
10 </script> 
11 </head> 
12 <body> 
13 <p>This is a paragraph.</p> 
14 <p>This is another paragraph.</p> 
15 <button>在每个 p 元素的结尾添加内容</button> 
16 </body> 
17 </html>

Copier après la connexion

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

Copier après la connexion

Exemple :

Le code est le suit :

 1 <html> 
 2 <head> 
 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 
 4 <script type="text/javascript"> 
 5 $(document).ready(function(){ 
 6   $("button").click(function(){ 
 7     $("<b> Hello jQuery!</b>").appendTo("p"); 
 8   }); 
 9 }); 
10 </script> 
11 </head> 
12 <body> 
13 <p>This is a paragraph.</p> 
14 <p>This is another paragraph.</p> 
15 <button>在每个 p 元素的结尾添加内容</button> 
16 </body> 
17 </html>

Copier après la connexion

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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