如何使用jQuery更改bootstrap按钮样式

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

我想通过使用jQuery来改变诸如“btn-danger”或“btn-info”之类的风格……我认为需要删除样式并添加新的…

怎么做。 谢谢。

Answer 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"); 

阅读.addClass（）和.removeClass（）的更多信息

Answer 2

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

Answer 3

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

然后，你调用函数。

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

你也可以在一行中制作它：

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

检查这个JSFidle： http ： //jsfiddle.net/DTcHh/1085/