我有一个按钮,当单击它时,我想用图像替换该按钮。我怎样才能在 JQuery 中做到这一点?是否也可以替换图像的背景?按钮本身位于一个大 div 内,我不想在按钮周围添加另一个 div,因为它会弄乱以前的布局。
如果你想替换按钮元素:
$('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\');"/>');
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)