本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery让图片逐渐消失
方法1：使用fadeOut()---不占位的让图片逐渐消失
fadeOut() 方法使用淡出效果来隐藏被选元素
<script src="js/jquery-1.10.2.min.js"></script><script type="text/javascript">$(document).ready(function() {$("button").click(function() {$("img").fadeOut(3000);});});</script>
方法2：使用fadeTo()---占位的让图片逐渐消失
fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。
只需要将最终的透明度降为0即可。
<script src="js/jquery-1.10.2.min.js"></script><script type="text/javascript">$(document).ready(function() {$("button").click(function() {$("img").fadeTo(3000,0);});});</script>
【推荐学习：jQuery视频教程、web前端视频】
以上就是jquery怎么让图片逐渐消失的详细内容，更多请关注php中文网其它相关文章！
