facile à bascule 2 classes en Jquery

Question

Si j'ai de la classe .A et de classe .B et vous souhaitez passer entre sur le bouton de clic, ce qui est une belle solution pour que jQuery? Je ne comprends toujours pas comment toggleClass() fonctionne.

Est-il une ligne de la solution à mettre en onclick="" événement?

Answer 1

Si votre élément expose classe A depuis le début, vous pouvez écrire:

$(element).toggleClass("A B");

Cela permettra d'éliminer la classe A et ajouter une classe B. Si vous n'avez qu'à nouveau, il va supprimer la classe B et de rétablir la classe A.

Si vous souhaitez faire correspondre les éléments qui exposent de la classe, vous pouvez utiliser un multiple de sélecteur de classe et d'écrire:

$(".A, .B").toggleClass("A B");

Answer 2

Voici une version simplifiée: (mais ce n'est pas élégant, mais facile à suivre)

$("#yourButton").toggle(function() 
{
        $('#target').removeClass("a").addClass("b"); //Adds 'a', removes 'b'

}, function() {
        $('#target').removeClass("b").addClass("a"); //Adds 'b', removes 'a'

});

Sinon, une solution similaire:

$('#yourbutton').click(function()
{
     $('#target').toggleClass('a','b'); //Adds 'a', removes 'b' and vice versa
});