Rumah >hujung hadapan web >tutorial js >jQuery删除一个元素后淡出效果展示删除过程的方法

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

巴扎黑
巴扎黑asal
2017-06-30 11:36:261393semak imbas

这篇文章主要介绍了jQuery删除一个元素后淡出效果展示删除过程的方法,实例分析了jQuery中fadeTo及slideUp等方法的使用技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了jQuery删除一个元素后淡出效果展示删除过程的方法。分享给大家供大家参考。具体分析如下:

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


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

Atas ialah kandungan terperinci jQuery删除一个元素后淡出效果展示删除过程的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn