Как изменить загрузочный стиль кнопки с помощью JQuery

Question

<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 ... Я думаю, что нужно удалить стиль и добавить новый ...

Как это сделать. Спасибо.

Answer 1

@asdf_enel_hak ответ будет работать для вас, но если хотите удалить несколько классов одновременно с jquery do as:

$("#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 для кнопки, поэтому вы не будете вмешиваться в другие существующие кнопки.

<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/