Кнопка своп для изображения (Jquery)

Question

У меня есть кнопка, и когда она нажата, я хочу заменить кнопку изображением. Как я могу сделать это в JQuery? Можно ли заменить фон изображения? Сама кнопка находится в большом div, и я не хочу добавлять еще один div вокруг кнопки, потому что он портит предыдущий макет.

Answer 1

Если вы хотите заменить элемент кнопки:

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

Если вы хотите изменить фоновое изображение кнопки:

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

Если вы хотите изменить фоновое изображение изображения (: S):

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

Answer 2

Я не совсем уверен, что вы хотите делать при нажатии кнопки, но:

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

Должен сделать свое дело.