Javascript CSS在加载时临时更改行的背景色。

我发现很多例子都使用了各种各样的方法，比如变换和动画来实现类似的效果，但是在我的特定用例中似乎什么都不起作用。我希望能够在加载页面时临时突出显示/更改元素的背景色。我在元素的：hover上使用eas-in-out转换将鼠标悬停在行上时，这一点特别有效，而且效果很好，但我似乎无法在页面加载时使用这一点

具体地说，我需要选择一个特定的行（我已经使用JS获得了该行），以便在页面加载时刷新一次，仅此而已。如何将此css添加到我的行中

以下是我用于悬停的代码：

.FoodConsumptionTable tr {
    background-color: white;
    transition: background-color .75s ease-in-out;
   -moz-transition: background-color .75s ease-in-out;
   -webkit-transition: background-color .75s ease-in-out;
}

.FoodConsumptionTable tr:hover {
    background-color: #d2f9f3;
}

以下是我如何选择正确的行以尝试突出显示它：

var newRowId = $('#<%=hdnNewRowID.ClientID %>').val();        
$("input:hidden[value='" + newRowId + "']").eq(1).parent().parent().addClass("NewGridRow");

var newRowId=$（'#'）.val（）；
$（“输入：隐藏[值='”+newRowId+“]”）.eq（1）.parent（）.parent（）.addClass（“NewGridRow”）；

---

也许你可以使用一个关键帧动画？

最简单的方法是使用一个关键帧，一旦加载元素和CSS，动画就会播放

html，正文{
背景色：#333；
}
@关键帧淡入淡出{
从{
背景色：#d2f9f3；
}
到{
背景色：白色；
}
}
.FoodConsumptionTable tr{
背景色：白色；
动画：FadeIn 0.75秒缓进缓出向前；
}

苹果
橙色
香蕉

因为您已经获得了对该行的引用，所以我最喜欢的方法是调用jquery扩展来为您脉动它

但只有当您还为.effect加载了jquery ui并且可以根据需要更改易用性时，才可以使用它

$.fn.pulseHighlight =
    function (duration) {
        return this.each(function () {
            $(this).effect("highlight", { color: '#00AA00' }, duration || 1000);
        });
    };


var newRowId = $('#<%=hdnNewRowID.ClientID %>').val();        
$("input:hidden[value='" + newRowId + "']").eq(1).parent().parent().pulseHighlight();

$.fn.pulseHighlight=
功能（持续时间）{
返回此。每个（函数（）{
$（this）.effect（“highlight”，{color:'#00AA00'}，duration | | 1000）；
});
};
var newRowId=$（'#'）.val（）；
$（“输入：隐藏[值='”+newRowId+“]”）.eq（1）.parent（）.parent（）.pulseHighlight（）；

---

唯一需要注意的是，您必须为颜色使用一个值，而不仅仅是一个css类。

如果我没有弄错，您可以使用de

.load（）

或

.ready（）

事件将一些css应用于元素，在本例中为背景色。您还可以通过jQuery添加一些动画，如Joonas89所述

$（文档）.ready（函数（）{
$（'select me'）.css（'background-color'，'blue'）；
});
#选择我{
宽度：80px；
高度：40px；
背景色：红色；
}
让一个类的背景颜色与您的想法一致，然后在页面加载时添加该类，设置超时时间，然后删除该类，怎么样？谢谢！在过去的几个小时里，我一直在摆弄这些关键帧动画，显然无法正确配置。编辑。。。同位语
$.fn.pulseHighlight =
    function (duration) {
        return this.each(function () {
            $(this).effect("highlight", { color: '#00AA00' }, duration || 1000);
        });
    };


var newRowId = $('#<%=hdnNewRowID.ClientID %>').val();        
$("input:hidden[value='" + newRowId + "']").eq(1).parent().parent().pulseHighlight();