带有 HTML CSS 的 jQuery

Question

我对 jQuery 有疑问。如何动画新行添加，新行添加已经通过单击提交完成。还有如何添加新类和删除它。这必须与动画有关。动画速度需要为 1000 毫秒。我不能更改 HTML 或 CSS（我是学生，这是为了学校）。

jQuery 代码：

  $("form").submit(function(event) {

    event.preventDefault();

    var id = $("table tr").length;
    var naziv = $("#naziv").val();
    var cena = $("#cena").val();
    var kolicina = $("#kolicina").val();
    var cenaSkupaj = cena * kolicina;
    var tip = $("#tip").val();
    var rok = $("#rok_trajanja").is(":checked") ? "Potekel" : "Ni potekel";

    $("table").append("<tr><td>" + id + "</td><td>" + naziv + "</td><td>" + cena + " €</td><td>" + 
    kolicina + "</td><td>" + cenaSkupaj + " €</td><td>" + tip + "</td><td>" + rok + "</td></tr>");

  });

});

Answer 1

类似..

var to_add = "<tr><td>" + id + "</td><td>" + naziv + "</td><td>" + cena + " €</td><td>" + 
    kolicina + "</td><td>" + cenaSkupaj + " €</td><td>" + tip + "</td><td>" + rok + "</td></tr>";

$(to_add).appendTo("table").show(1000);