如何使用jquery将css类应用于某些元素?

时间:2013-10-02 06:48:38

标签: javascript jquery html css

我的样式表中有一个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设置它?

I.e(不要介意transportanceId部分,它会自动生成并按照预期的方式运行:)):

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

1 个答案:

答案 0 :(得分:4)

使用addClass

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