更改引导按钮的值

Question

我想改变一个按钮的内容时，点击-特别是，我希望它改变为一个“块”状态，它不能被点击，而我想给它一个糖图标。

我想补充的是：

<span class="glyphicon glyphicon-saved" aria-hidden="true"></span>

而文本“下载”-我希望这删除之前的文字和字形图标，我已经找到了一个小小的平静的jQuery，改变了文本点击。

<script>
$(document).ready(function(){
$('#download-btn').click(function() {
 $("#download-btn").text('Downloaded');
})
});    
</script>

但是它不允许我添加任何HTML代码，它只是将其输出为纯文本。

最后，我想将下面的样式btn-block添加到按钮中。

这是被点击前的按钮；

<button id="download-btn" type="button" class="center btn btn-primary">
    <span class="glyphicon glyphicon-save" aria-hidden="true"></span> Download
</button>

单击后，上面的jQuery将文本更改为“下载”，但我似乎不知道如何向标记添加样式和代码。

Answer 1

使用jQuery：

• 可以使用.html()更改元素html。
• 可以使用.css()更改元素样式。
• 对于更改类，可以使用.addClass()和.removeClass()

还有更多用于DOM操作的jQuery函数。

我建议你看一下。jQuery API

Answer 2

使用.html()应用/重写您要选择的元素中的HTML。

您可以通过几种方式禁用按钮。我用.attr()，你也可以用.prop()。

​

$('#download-btn').click(function() {
   $(this).html('<span class="glyphicon glyphicon-ok"></span> Downloaded').attr('disabled', true); 
});

​

jsFiddle实例