show()和 hide() | 显示和隐藏,同时修改高度、宽度和不透明度 |
fadeIn()和fadeOut() | 只改变不透明度 |
slideUp()和slideDown() | 只改变高度 |
fadeTo() | 只改变不透明度 ,fadeTo(time,opacityProportion) |
toggle() | 用来替代hide()和show()方法,因此会同时修改高度、宽度和不透明度 |
slideToggle() | 用来替代slideUp()和slideDown()方法,因此只改变高度 |
fadeToggle() | 用来替代fadeIn()和fadeOut()方法,因此只改变不透明度 |
animate() | 属于自定义动画方法,以上各种动画方法实质内部都调用了animate()方法,另外直接用animate()方法还能自定义其它样式是属性,如"left","marginLeft","scrollTop" |
(1) animate()替代show()方法
$("div").animate({width:"show",height:"show",opacity:"show"},200);
等价于:$("div").show(200);
(2) animate()替代slideDown()方法
$("div").animate({height:"show"},200);
等价于:$("div").slideDown(200);
(3) animate()替代fadeIn()方法
$("div").animate({opacity:"show"},200);
等价于:$("div").fadeIn(200);
(4) animate()替代fadeTo()方法
$("div").animate({opacity:"0.6"},200);
等价于:$("div").fadeTo(200,0.6);
转载自https://blog.csdn.net/peichuangaoling/article/details/52314370