How do I apply a css class to certain elements using jquery?

Question

I have a CSS-class RoundedActivityCell in my stylesheet, like this:

.RoundedActivityCell {
    -moz-border-radius: 4px 4px 4px 4px; /* rounds corners for firefox */ 
    border-radius:4px 4px 4px 4px; /* rounds corners for other browsers */
    float: left;
    text-align: center;
    vertical-align: middle;
    height: 18px;
    width: 150px; /* Follows the grid columns */
    border:solid 2px; 
    padding: 3px;
}

Then I have a span in my cshtml file, like this:

<span class="RoundedActivityCell" id="signalRAsxActivity-#:ViewUnitContract.ConveyanceId #">
    #: ViewUnitContract.Status.StatusText#
</span> 

I know how to apply certain css properties like border-color etc. using jquery, but I was wondering if it's possible to remove the class="RoundedActivityCell" part from the html tag and set that using jquery instead?

Ie (Never mind the conveyanceId part, it's automatically generated and works the way it's supposed to :) ):

$('#signalRAsxActivity-' + conveyanceId).css.class('RoundedActivityCell');

Answer 1

使用addClass ：

$('#signalRAsxActivity-' + conveyanceId).addClass("RoundedActivityCell")