javascript - jqueryを使用してcssクラスを特定の要素に適用するにはどうすればよいですか?

Question

RoundedActivityCell次のように、スタイルシートにCSS クラスがあります。

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

jqueryを使用してborder-colorなどの特定のcssプロパティを適用する方法を知っていますがclass="RoundedActivityCell"、htmlタグからその部分を削除して、代わりにjqueryを使用して設定することは可能かどうか疑問に思っていましたか?

つまり（conveymentIdの部分は気にしないでください。自動的に生成され、想定どおりに動作します:)）：

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