JQuery: Как добавить класс CSS к кнопке HTML?

Question

У меня есть некоторые CCS, определенные следующим образом:

.FW_Buttons {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    background-color: #123456;
}

и я хочу добавить его к кнопке, определенной следующим образом:

<div id="but_begin"><button type="button" id="but2_begin">Go</button></div>

с использованием JQuery (в документе готово):

$("#but2_begin").css("FW_Buttons");

но css не применяется к кнопке. Я проверил с FireBug: его там нет. При использовании точки останова ошибка не возникает.

Что я делаю не так? Спасибо.

Answer 1

$("#but2_begin").addClass("FW_Buttons");

Answer 2

$("#but2_begin").addClass("FW_Buttons");

Вы хотите использовать addClass() не css().

Демо

Answer 3

.css используется для установки / получения элементов CSS, для установки класса вы можете использовать .addClass ()

$("#but2_begin").addClass("FW_Buttons");

Обязательно ознакомьтесь с другими методами работы с классами CSS, они могут пригодиться вам в будущем:

.removeClass ()
.toggleClass ()
.addClass ()
.hasClass ()