如何使用jQuery缓慢删除元素？

Question

$target.remove() 可以删除元素,但是现在我希望这个过程有一些感觉动画,怎么做？

Answer 1

$target.hide('slow');

要么

$target.hide('slow', function(){ $target.remove(); });

运行动画,然后从DOM中删除它

Answer 2

target.fadeOut(300, function(){ $(this).remove();});

要么

$('#target_id').fadeOut(300, function(){ $(this).remove();});

重复:如何在jQuery中"淡出"和"删除"div？

Answer 3

如果需要隐藏然后删除元素,请使用hide方法的回调函数中的remove方法.

这应该工作

$target.hide("slow", function(){ $(this).remove(); })

Answer 4

$('#ur_id').slideUp("slow", function() { $('#ur_id').remove();});

Answer 5

所有答案都很好,但我发现他们都缺乏专业的"润色".我想出了这个,淡出,向上滑动,然后移除:

$target.fadeTo(1000, 0.01, function(){ 
    $(this).slideUp(150, function() {
        $(this).remove(); 
    }); 
});