Maison > interface Web > Questions et réponses frontales > Comment changer la classe div avec jquery

Comment changer la classe div avec jquery

WBOY
Libérer: 2022-04-20 17:21:23
original
2724 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode attr() pour changer la classe d'un div. Cette méthode peut définir ou renvoyer les attributs et les valeurs de l'élément. Définissez simplement le premier paramètre de la méthode sur "class" et. le deuxième paramètre pour simplement changer la valeur, et la syntaxe est "div object.attr('class', new attribue value)".

Comment changer la classe div avec jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment changer la classe de div dans jquery

Dans jquery, vous pouvez utiliser la méthode attr() pour remplacer l'attribut class de la balise.

L'exemple est le suivant :

Créez un nouveau fichier html, nommé test.html, pour expliquer comment jquery modifie l'attribut de classe de div et utilise la balise div pour créer une ligne de texte à tester.

Définissez l'attribut id de la balise div sur kp. Utilisez la méthode ready pour exécuter la fonction function lorsque la page est chargée.

Dans la fonction, obtenez l'objet div via l'identifiant et utilisez la méthode attr() pour changer l'attribut de classe du div en newcc.

Comment changer la classe div avec jquery

Ouvrez le fichier test.html dans le navigateur pour afficher les résultats.

Comment changer la classe div avec jquery

Résumé :

1. Utilisez la balise div pour créer une ligne de texte et définissez l'attribut id de la balise div sur kp.

2. Dans la balise js, utilisez la méthode ready pour exécuter la fonction function lorsque la page est chargée.

3. Dans la fonction, obtenez l'objet div via l'identifiant et utilisez la méthode attr() pour changer l'attribut de classe du div en newcc.

4. Ouvrez le fichier test.html dans le navigateur et affichez les résultats.

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

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!

É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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal