用于图像的交换按钮（Jquery）

我有一个按钮，当它被点击时，我想用一个图像替换按钮。 我怎么能在JQuery中做到这一点？ 是否有可能替换图像的背景？ 按钮本身在一个大的div内，我不想在按钮周围添加另一个div，因为它弄乱了以前的布局。

Answer 1

如果要替换按钮元素：

$('the-button').bind('click', function () { $(this).replaceWith(''); }); 

如果要更改按钮的背景图像：

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

如果要更改图像的背景图像（：S）：

 $('the-button').bind('click', function () { $(this).replaceWith(''); }); 

Answer 2

单击按钮时，我不确定您要执行的操作，但是：

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

应该做的伎俩。