Maison > interface Web > js tutoriel > Analyse de l'utilisation de append() et appendto() dans jquery_jquery

Analyse de l'utilisation de append() et appendto() dans jquery_jquery

WBOY
Libérer: 2016-05-16 16:31:19
original
1468 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érer le contenu spécifié à la fin de l'élément sélectionné (mais toujours dans l'élément).

a. Syntaxe :

Copier le code Le code est le suivant :
$(selector).append(content );
Parmi eux, le paramètre content est obligatoire, précisant le contenu à ajouter.

b.append peut utiliser des fonctions pour ajouter du contenu aux éléments sélectionnés. La syntaxe est :

Copiez le code 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 :

Copier le code Le code est le suivant :

Ceci est un paragraphe.

Ceci est un autre paragraphe.

Ajouter du contenu à la fin de chaque élément p



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

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


2. Méthode appendto() :
Insérez le contenu 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 :

Copier le code


Le code est le suivant :

$(content).appendto(selector);

Exemple :

Le code est le suivant :

Ceci est un paragraphe.

Ceci est un autre paragraphe.

Ajouter du contenu à la fin de chaque élément p
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 cet article sera utile à la programmation jQuery de chacun.
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal