jQuery删除一个元素后淡出效果展示删除过程的方法
更新时间：2015年03月18日 10:20:45 作者：上大王
这篇文章主要介绍了jQuery删除一个元素后淡出效果展示删除过程的方法,实例分析了jQuery中fadeTo及slideUp等方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了jQuery删除一个元素后淡出效果展示删除过程的方法。分享给大家供大家参考。具体分析如下：
当我们删除一个元素时希望能看到删除的过程，这个效果通过对元素进行淡出展示动态化删除过程。
$("#myButton").click(function() {
$("#myDiv").fadeTo("slow", 0.01, function(){//fade
$(this).slideUp("slow", function() {//slide up
$(this).remove();//then remove from the DOM
});
});
});
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
![前端开发部分总结[兼容性、DOM操作、跨域等]（持续更新）](//img.jbzj.com/images/xgimg/bcimg0.png)
在公司做这个项目已经6个多月了，总结一些问题，也算是抛砖引玉吧，希望更多的朋友一起分享一些技巧。2010-03-03
:nth-child(index)子元素过滤选择器的描述是：选取每个父元素下的弟index个子元素，index从1开始。2011-07-07
这篇文章主要介绍了jquery实现鼠标点击后展开列表内容的导航栏效果,通过简单的jQuery链式操作实现针对页面元素的遍历及样式动态变换功能,需要的朋友可以参考下2015-09-09
本篇文章主要是对jQuery点击自身以外地方关闭弹出层的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jQuery EasyUI NumberBox(数字框)的用法
jQuery EasyUI 数字框(NumberBox)用法2010-07-07
谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换,有两个方法用于事件的切换，一个方法是hover()，另一个是toggle(),感兴趣的朋友不妨了解下,或许对你有所帮助2013-02-02
据jQuery官方博客5月3日的最新消息，jQuery 1.6 正式版已经可以下载使用。jQuery 1.6 版本包括了对属性(Attribute)模型的重要重写，还有诸多性能优化。借此机会感谢jQuery开发团队和jQuery错误分类团队的成员。2011-05-05
jquery其实是有个进度条插件的，叫做jqueryprogressbar.js，可是想练习一下，就没有用，自己写了点代码。这个代码其实是参考别人的，因为自己的JS基础不是很好。2010-03-03
这篇文章主要介绍了jQuery中each和js中forEach的区别,结合实例形式较为详细的分析了jQuery中each和js中forEach针对数组与对象遍历的相关操作技巧与注意事项,需要的朋友可以参考下2019-02-02
悬停效果、延迟加载想必大家都有见到过吧，在本文将为大家介绍下是如何实现的，感兴趣的朋友不要错过2013-11-11
![前端开发部分总结[兼容性、DOM操作、跨域等]（持续更新）](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论