10
votes

Comment remplacer une classe en utilisant jQuery

Une classe JQuery CSS définit les éléments suivants: xxx

Comment cette classe peut-elle être remplacée et une nouvelle classe ajoutée de manière à ce que je puisse mettre des styles différents? Peut-être que je dois supprimer avant les cours avant de les ajouter. Comment cela est-ce fait?

merci


3 commentaires

Essayez-vous de redéfinir Newwidget afin que tous les éléments avec cette classe aient un nouveau style? Ou essayez-vous de changer la classe d'un élément existant?


Pour que vous sachiez, tout en supprimant l'ancienne classe est une option, ce n'est pas nécessaire. S'il y a des styles dans l'ancien que vous souhaitez utiliser, il suffit d'utiliser addclass () , qui "améliorer" l'élément avec les styles dans la nouvelle classe. Sinon, utilisez les solutions indiquées ci-dessous.


Merci..............................


6 Réponses :


18
votes

Utilisez le sélecteur de classe avec AddClass et Removeclass.

$('.newwidget').removeClass('newwidget').addClass('newerwidget');


0 commentaires

4
votes

Vous pouvez à Supprimer l'ancienne classe et Ajouter Un nouveau:

$myJQObject.removeClass('newwidget').addClass('newclass');


0 commentaires

6
votes

jQuery définit addclass () et removeclass () pour juste cet objectif: xxx

la fonction deux font l'évidence. Les chaîne comme ceci pour changer la classe tout en une action.

Si vous souhaitez modifier tous les éléments de "OldClass" à "NewClass", vous pouvez utiliser un sélecteur comme celui-ci: < Pré> xxx


0 commentaires

2
votes
$(this).removeClass('oldClass').addClass('newClass');

0 commentaires

12
votes

Je pense que cela vaut la peine de noter que vous pouvez supprimer tous les classes forts> en laissant hors du paramètre à partir de removereclass () code>:

$('.newwidget').removeClass().addClass('newerwidget');


0 commentaires

6
votes

Si vous cherchez à remplacer complètement les classes existantes sur un élément, vous pouvez utiliser la méthode .attr ().

$('#elementId').attr('class', 'newClassName');


0 commentaires