Maison > interface Web > js tutoriel > le corps du texte

Comment changer l'attribut de classe dans jquery

coldplay.xixi
Libérer: 2020-11-30 13:50:12
original
12241 Les gens l'ont consulté

Comment modifier l'attribut de classe dans jquery : 1. Utilisez la méthode [addClass()] pour ajouter le nom de classe spécifié à l'élément correspondant ; 2. Utilisez la méthode [removeClass()] pour supprimer le style ; ; 3. Utilisez la méthode [hasClass()] qui contient un certain style.

Comment changer l'attribut de classe dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1, cette méthode convient à toutes les marques d'ordinateurs.

Méthode Jquery pour changer l'attribut de classe :

1.addClass()

addClass()méthode à la correspondance element Ajoutez le nom de classe spécifié (un ou plusieurs)

Remarque : Pour les éléments, l'attribut de classe peut avoir plusieurs valeurs. Cette méthode ne supprimera pas la valeur existante, mais l'ajoutera en fonction de celle d'origine. un ou plusieurs attributs de classe.

2.removeClass();

Supprimer le style

3.hasClass()

Contient un certain style

4.$("#xxx").attr("class","className")

Ce qui est seulement démontré ici est que la méthode class,attr() peut définir d'autres attributs, tels que le nom, la valeur, etc.

Remarque : l'utilisation de la méthode attr() pour définir l'attribut de classe est un processus d'écrasement si cet attribut est déjà présent ; existe, alors sera écrasé et addClass() est un processus d'ajout.

5.$("#xxx").removeAttr("class", "className")

//移除置灰状态
$("#xxxx").removeAttr("class","disabled");
$("#xxxx").removeAttr("class","className");
Copier après la connexion

S'il n'y a qu'un seul style, vous pouvez également supprimer l'attribut de classe directement, mais vous ne pourrez pas obtenir l'attribut de classe

$("#xxxx").removeAttr("class");
Copier après la connexion

Recommandations d'apprentissage gratuites associées : . JavaScript (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!

É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