Jquery 如何在单击时使用引导按钮显示动画gif

我知道如何显示加载。。。用户单击引导按钮时的文本。我这样做

添加两个依赖项文件
1） bootstrap.min.css
2） bootstrap.min.js
按我
$（'#按钮'）。按钮（）；
$（“#按钮”）。单击（函数（）{
$（this.button（'load'）；
});

现在，当用户单击按钮时，如何在按钮处显示此动画gif

---

如果可能，请指导我如何使用示例代码。谢谢

如果我理解正确，请看一下这个

我使用了CSS

background

属性和jQuery

.show（）

和.hide（）方法：

$('#button').click(function () {
    $(this).hide();
    $(".loader").show();
});

那么这个呢：

$('#button').button();

$('#button').click(function() {
    $(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />');
});

$（“#按钮”）.button（）；
$（“#按钮”）。单击（函数（）{
$（this.html（“”）；
});

实时演示：

$（“#按钮”）。单击（函数（）{
$（此）。替换为（“”）；
});

$('#button').button();

$('#button').click(function() {
    $(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />');
});

$('#button').click(function() {
    $(this).replaceWith('<img src="[loader-url]" />');
});