javascript - 如何使用 jquery 将 css 类应用于某些元素？

Question

我的样式表中有一个 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;
}

然后我的 cshtml 文件中有一个 span，如下所示:

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

我知道如何使用 jquery 应用某些 css 属性，如 border-color 等，但我想知道是否可以从 html 标记中删除 class="RoundedActivityCell" 部分并设置它使用 jquery 代替？

即(不用管 conveyanceId 部分，它是自动生成的并按预期方式工作:)):

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

Answer 1

使用addClass :

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