Maison >interface Web >js tutoriel >Comment ajouter des attributs aux balises dans jquery

Comment ajouter des attributs aux balises dans jquery

青灯夜游
青灯夜游original
2021-11-22 09:49:466692parcourir

Dans jquery, vous pouvez utiliser la méthode attr() pour ajouter des attributs aux balises. Cette méthode peut définir la valeur d'attribut de l'élément sélectionné. La syntaxe est "$(selector).attr("Nom de l'attribut", "Valeur de l'attribut. ")" ou "$(selector).attr({nom de l'attribut :"valeur de l'attribut"})".

Comment ajouter des attributs aux balises dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Dans jquery, vous pouvez utiliser la méthode attr() pour ajouter des attributs aux balises ; cette méthode peut définir ou renvoyer la valeur d'attribut de l'élément sélectionné. Selon les différents paramètres de cette méthode, sa méthode de travail est également différente.

Syntaxe :

$(selector).attr("属性名","属性值")
$(selector).attr({属性名:"属性值"})

Voyons comment ajouter des attributs aux balises à l'aide de la méthode attr() :

Créez un nouveau fichier html, nommé test.html, pour expliquer comment jquery ajoute des attributs aux balises.

Comment ajouter des attributs aux balises dans jquery

Introduisez le fichier de bibliothèque jquery.min.js dans le fichier test.html et chargez le fichier avec succès pour utiliser les méthodes de jquery.

Comment ajouter des attributs aux balises dans jquery

Dans le fichier test.html, utilisez la balise p pour créer une ligne de texte de test.

Comment ajouter des attributs aux balises dans jquery

Dans le fichier test.html, utilisez la balise bouton pour créer un bouton, liez l'événement onclick click au bouton bouton, et lorsque le bouton est cliqué, exécutez la fonction addx().

Comment ajouter des attributs aux balises dans jquery

Dans la balise js, créez la fonction addx(). Dans la fonction, obtenez l'objet balise p via le nom de l'élément et utilisez la méthode attr() pour définir l'identifiant de la balise p sur mypp.

Comment ajouter des attributs aux balises dans jquery

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour afficher le code source et afficher les résultats.

Comment ajouter des attributs aux balises dans jquery

Comment ajouter des attributs aux balises dans jquery

Tutoriels vidéo associés recommandés : JQuery Tutorial (vidéo)

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