Maison  >  Article  >  interface Web  >  Comment changer l'attribut de classe dans jquery

Comment changer l'attribut de classe dans jquery

coldplay.xixi
coldplay.xixioriginal
2020-11-24 15:41:3012124parcourir

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

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

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!

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
Article précédent:Qu'est-ce que réagir-dva ?Article suivant:Qu'est-ce que réagir-dva ?