使用jquery删除表行,淡化并稍微改变颜色

时间:2009-08-18 18:34:30

标签: javascript jquery

我有一个按钮,当单击时,获取被单击的表中的行。

$("#someId").remove();

我想突出显示正在删除的行,并将其淡出(正在删除)。

有没有办法用jQuery做到这一点?

我尝试删除了fadeout,但是没有达到我想要的效果。

$("#someId").fadeOut("slow").remove();

3 个答案:

答案 0 :(得分:8)

要进行突出显示,您需要查看color animations。您可以使用animate函数获取官方JQuery color plugin以进行换色动画。一旦你拥有它,你应该能够以类似于此的方式完成所有事情:

$("#someId").animate( {backgroundColor:'yellow'}, 1000).fadeOut(1000,function() {
    $('#someId').remove();
});

答案 1 :(得分:2)

突出部分,我不知道,但淡出部分:

$("someId").fadeOut(1000,function()
{
    $(this).remove();
});

回调哪个: http://docs.jquery.com/Effects/fadeOut

答案 2 :(得分:1)

如果您尝试更改行的颜色而没有任何颜色过渡效果 您可以在开始删除过程之前向要删除的行添加一个类。

  $("#someId").addClass('hilite').fadeOut('slow', function() {
     $('#someId').remove();
  });

你将hilite定义为

.hilite{ background-color:orange;}