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

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

本文关键字：应用于 元素 css 何使用 jquery      更新时间：2023-09-26

我的样式表中有一个 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属性，如边框颜色等，但我想知道是否可以从html标签中删除class="RoundedActivityCell"部分并使用jquery进行设置？

即（不要介意 conveyanceId 部分，它是自动生成的，并且按照它应该:)的方式工作）：

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

使用 addClass：

$('#signalRAsxActivity-' + conveyanceId).addClass("RoundedActivityCell")
相关文章：