Как я могу применить класс CSS к определенным элементам, используя jquery?

У меня есть CSS-класс RoundedActivityCell в моей таблице стилей, например:

.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;
}

Тогда у меня есть span в моем файле cshtml, как это:

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

Я знаю, как применять определенные свойства css, такие как border-color и т.д., Используя jquery, но мне было интересно, возможно ли удалить часть class="RoundedActivityCell" из тега html и установить это вместо использования jquery?

Т.е. (Не обращайте внимания на часть передачи, она автоматически генерируется и работает так, как она должна была :) :):

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