如何使用 jQuery 更改引导按钮样式 [重复]答案

【问题标题】：How to change bootstrap button style by use jQuery [duplicate]如何使用 jQuery 更改引导按钮样式 [重复]
【发布时间】：2014-11-06 08:24:18
【问题描述】：

<a class="btn btn-small btn-block btn-warning" type="button" id="999">&nbsp;</a>

我想通过使用 jQuery 来更改“btn-danger”或“btn-info”等样式...我认为需要删除样式并添加新样式...

怎么做。谢谢。

【问题讨论】：

【解决方案1】：

@asdf_enel_hak 答案对您有用，但如果想使用 jquery 一次删除多个类，请执行以下操作：

$("#999").removeClass("btn-warning btn-block").addClass("btn-info");

或者想一次添加多个类然后这样做：

$("#999").removeClass("btn-warning btn-block").addClass("btn-info btn-danger");

【讨论】：

【解决方案2】：

$("#999").removeClass("btn-warning").addClass("btn-info");

【讨论】：

【解决方案3】：

如您所说，您需要使用函数 addClass() 和 removeClass。但是您需要为按钮使用 id，因此您不会干扰其他现有按钮。

<a id="myButton"class="btn btn-small btn-block btn-warning" type="button" id="999">&nbsp;</a>

然后，您调用函数。

$( "#myButton" ).removeClass( "btn-warning" );
$( "#myButton" ).addClass( "btn-danger" );

你也可以只写一行：

$( "#myButton" ).removeClass( "btn-warning" ).addClass( "btn-danger" );

【讨论】：