当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《如何使用jQuery缓慢删除元素?》经验,为你挑选了5个好方法。

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



1> Greg..:
$target.hide('slow');

要么

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

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


.remove()方法非常具体地从DOM中删除节点..hide()方法仅更改要显示的显示属性不可见,但仍然存在.
@pixelearth在回调函数中放置了`$(this).remove()`.这比`$ target.remove()`效果更好
@Envil海报询问如何慢慢将其删除。.remove()立即执行。

2> micahwittman..:
target.fadeOut(300, function(){ $(this).remove();});

要么

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

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



3> rahul..:

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

这应该工作

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



4> 小智..:
$('#ur_id').slideUp("slow", function() { $('#ur_id').remove();});



5> SharpC..:

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

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

推荐阅读
oDavid_仔o_880
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有