jquery - 如何突出显示表格第一行 2 秒并返回原始状态

Question

我有一个表格，一旦我添加一行，其背景颜色就会发生变化以显示更改(突出显示会很好)。这就是我正在做的事情

$("#tableDg tbody tr:first").css("background-color", "red")

所以为了延迟工作，我做了

$("#tableDg tbody tr:first").css("background-color", "red").delay(2000).css("background-color", "aqua");

但不是延迟它只是将 bkg 颜色绘制为浅绿色，有什么意见我可以在这里做什么吗？谢谢

Answer 1

$("#tableDg tbody tr:first").css("background-color", "red");

setTimeout(function() {
    $("#tableDg tbody tr:first").css("background-color", "aqua");
}, 2000);

添加高亮效果:

$("#tableDg tbody tr:first").css("background-color", "red");

setTimeout(function() {
    $("#tableDg tbody tr:first").css("background-color", "aqua").effect("highlight", {}, 3000);
}, 2000);

或者这个:

$("#tableDg tbody tr:first").css("background-color", "red");

setTimeout(function() {
    $("#tableDg tbody tr:first").css("background-color", "aqua");
    $('#tableDg tbody tr:first').effect("highlight", {}, 3000);
}, 2000);