Bouton d'échange d'image (Jquery)

Question

J'ai un bouton et quand on clique dessus, je veux remplacer le bouton par une image. Comment puis-je faire cela dans JQuery? Est-il possible de remplacer l'arrière-plan de l'image? Le bouton lui-même est dans un grand div, et je ne veux pas ajouter un autre div autour du bouton, car il dérange une disposition précédente.

Answer 1

Si vous voulez remplacer l'élément de bouton:

$('the-button').bind('click', function() { 
    $(this).replaceWith('<img src="/wherever.jpg"/>'); 
}); 

Si vous voulez changer l'image d'arrière-plan du bouton:

$('the-button').bind('click', function() { 
    $(this).css('backgroundImage', 'url(\'/wherever.jpg\')'); 
}); 

Si vous voulez changer l'image d'arrière-plan de l'image (: S):

$('the-button').bind('click', function() { 
    $(this).replaceWith('<img src="/wherever.jpg" style="background-image:url(\'/somewhere-else.jpg\');"/>'); 
}); 

Answer 2

Je ne suis pas exactement ce que vous voulez faire lorsque le bouton est cliqué, mais:

$('button').click(function() 
{ 
    $(this).css({ // properties you want to change }); 
}); 

Doit faire l'affaire.