jQuery-jquery中想实现先改变样式再remove不生效问题

Question

代码如下：

$("#tr_id").css("background-color", "#efff79").delay(400).fadeOut().remove();

Answer 1

1.fadeOut速度参数必须传
2.$("#tr_id").delay(400).fadeOut().remove();等效于
$('#tr_id').delay(400).fadeOut();
$('#tr_id').remove();
所以渐隐效果要延迟400ms才执行，而remove会直接执行。
正确使用方法：

 $("#tr_id").css("background-color", "#efff79").delay(400).fadeOut('fast', function(){
$(this).remove();
});

把remove放到fadeOut执行结束后执行。

Answer 2

需要用回调函数在动画执行完毕后再删除

$("#tr_id").css("background-color", "#efff79").delay(400).fadeOut(400, function(){
$(this).remove();
});