圖像交換按鈕（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 }); 
}); 

應該這樣做。