深入学习jQuery的三种常见动画效果概要.doc

深入学习jQuery的三种常见动画效果 　　动画效果是jQuery吸引人的地方。通过jQuery的动画方法，能够轻松地为网页添加视觉效果，给用户一种全新的体验。jQuery动画是一个大的系列，本文将详细介绍jQuery的三种常见动画效果——显隐效果、高度变化及淡入淡出 显隐 　　在CSS中，总结过实现元素显隐的9种思路。而jQuery中的show()和hide()方法是通过改变display属性来实现元素显隐效果，它们是jQuery中最基本的动画方法 【hide()】 　　hide()方法是隐藏元素的最简单方法。如果没有参数，匹配的元素将被立即隐藏，没有动画。这大致相当于调用.css(display, none) 　　display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值。如果一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline 复制代码 script src=/jquery/1.12.4/jquery.min.js/script button id=box按钮/button script $(#box).click(function(event){ $(this).hide(); }); /script 复制代码 hide([duration]) 　　当提供一个持续时间参数，hide(