图像的交换按钮（Jquery）答案

【问题标题】：Swap button for image (Jquery)图像的交换按钮（Jquery）
【发布时间】：2011-02-01 00:34:58
【问题描述】：

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

【问题讨论】：

【解决方案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\');"/>');
});

【讨论】：

【解决方案2】：

我不确定单击按钮时您想要做什么，但是：

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

应该做的伎俩。

【讨论】：