如何使用 jQuery 更改引导按钮样式

How to change bootstrap button style by use jQuery

本文关键字：按钮 样式 何使用 jQuery      更新时间：2023-09-26
<a class="btn btn-small btn-block btn-warning" type="button" id="999">&nbsp;</a>

按钮样式 http://getbootstrap.com/2.3.2/base-css.html#buttons

我想通过使用jQuery更改样式，例如"btn-danger"或"btn-info"...我认为需要删除样式并添加新...

怎么做。谢谢。

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

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

或者想一次添加多个类，然后执行：

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

阅读更多关于 .addClass(( 和 .removeClass(( 的信息

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

正如你所说，你需要使用函数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" );

检查此 JSFidle： http://jsfiddle.net/DTcHh/1085/

相关文章：