-
1 任务视频
-
2 教学课件
-
3 教学案例
-
4 练一练
知识点
show()和hide()方法
show()和hide()方法是最常用的显示与隐藏方法，它们相当于CSS中的display属性取不同的值。它们的基本语法是：
$(selector).show(speed，callback);
$(selector).hide(speed，callback);
| 参数 | 描述 |
| speed | 可选。规定元素从隐藏到完全可见的速度。默认为"0"。 可取的值：
在设置速度的情况下，元素从隐藏到完全可见的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。如果没有设置速度，元素会直接显示。 |
| callback | 可选。show()方法执行完之后，要执行的方法。 除非设置了speed参数，否则不能设置该参数。 |
fadeIn()和fadeout()方法
jQuery 提供了下面几种方法可以实现显示或隐藏的淡入淡出效果，即只改变元素的透明度，不改变高度、宽度等内容。方法如下：fadeIn()、fadeOut()、fadeToggle()和fadeTo()四种方法。
fadeIn()方法实现淡入效果，其基本语法如下：
$(selector).fadeIn(speed，callback);
它与show()方法的参数设置一样，speed设置淡入效果的时间。
slideUp()和slideDown()方法
jQuery支持使用slideDown()、slideUp()和slideToggle()方法来实现HTML元素的滑动效果。滑动效果只改变元素的高度。
slideDown()方法用来实现向下滑动动画效果，控制元素高度在指定时间内从display:none延伸至完整高度。其基本语法为：
$(selector).slideDown(speed，callback);
slideUp()方法用于实现向上滑动动画效果，控制元素高度在指定时间内从下到上缩短至display:none。其基本语法为：
$(selector).slideUp(speed，callback);
slideToggle方法用来实现交替显示向上向下滑动动画效果，如果之前是下滑显示，则slideToggle()可向上滑动它们，反之slideToggle()可向上滑动它们。其基本语法为：
$(selector).slideToggle(speed，callback);
