jQuery, modification de la classe css elle-même

Question

Est-il possible de modifier la classe css avec jQuery? Par exemple, si j'ai cette classe définie:

.my-class{ 
    right:10px;  
} 

et maintenant je veux changer pour

.my-class{ 
    right:20px;  
} 

sans avoir à sélectionner tous les éléments de cette classe avec $ (« myClass. »). La raison pour laquelle je veux faire ceci est que j'ajoute beaucoup d'éléments à l'exécution dans js et ce serait bien d'échanger la définition de classe à l'avance. .myClass est défini dans le fichier css, sinon je suppose que j'aurais pu changer sa définition avec jsf/jstl s'il avait été sur la page.

Answer 1

Techniquement, vous pouvez modifier les feuilles de style avec Javascript en utilisant les document.styleSheets objet, mais vous pourriez trouver beaucoup plus de travail que cela vaut la peine. Lisez cet article pour avoir une idée de ce qu'est un désordre: http://www.quirksmode.org/dom/changess.html

Answer 2

Si je faisais cela, je le ferais avec des styles en ligne.

<div style="right:20px"><!-- blank --></div> 

$('div').css('right','10px'); 

L'autre option est d'avoir deux classes et basculer entre eux en utilisant toggleClass()

<div class="right10"><!-- blank --></div> 

$('div').toggleClass('right20'); 

Answer 3

Ajouter une deuxième classe et définissez les éléments pour être la deuxième classe lorsque vous les ajoutez? Vous pouvez également échanger des feuilles de style lors de l'exécution.

http://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/