jQuery删除一个元素后淡出效果展示删除过程的方法

转载于 2019-04-25 11:51:43 发布 · 1.9k 阅读

文章标签：

#remove #过程

JavaScript 同时被 2 个专栏收录

19 篇文章

订阅专栏

jQuery

13 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的淡出删除效果，当点击按钮时，目标元素将首先淡出，然后滑动隐藏，最后从DOM中移除，实现了平滑的动态删除过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当我们删除一个元素时希望能看到删除的过程，这个效果通过对元素进行淡出展示动态化删除过程。

$("#myButton").click(function() {
  $("#myDiv").fadeTo("slow", 0.01, function(){//fade
    $(this).slideUp("slow", function() {//slide up
      $(this).remove();//then remove from the DOM
    });
  });
});