JQuery: How to add a CSS class to a HTML button?

Question

I have some CCS defined as following:

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

and I want to add it to a button defined like this:

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

using JQuery (in document-ready):

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

but the css is not applied on the button. I have checked with FireBug: it is not there. No error is triggered when using a breakpoint.

What am I doing wrong? Thanks.

The Alpha · Accepted Answer · 2012-03-19 22:10:22Z

6

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

answered Mar 19, 2012 at 22:10

The Alpha

147k30 gold badges294 silver badges313 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

bookcasey · Accepted Answer · 2012-03-19 22:12:27Z

5

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

You want to use addClass() not css().

answered Mar 19, 2012 at 22:10

bookcasey

40.9k13 gold badges83 silver badges95 bronze badges

vdeantoni · Accepted Answer · 2012-03-19 22:11:50Z

4

.css is used to set/get css elements, in order to set a class you can use .addClass()

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

Make sure to take a look at other methods to deal with css classes, they may be usefull for you in the future:

answered Mar 19, 2012 at 22:11

vdeantoni

1,96814 silver badges19 bronze badges