jQuery显示/隐藏特效：隐藏、显示、切换、滑动、淡入淡出、动画

jQuery效果

隐藏、显示、切换、滑动、淡入淡出、以及动画

1、隐藏与显示(改变：display：none;)

hide()——隐藏

show()——显示

toggle()方法：可以使用它来切换hide()与show()方法

2、淡入淡出(改变：宽度、高度、透明度<opacity>)

通过jQuery，可以实现元素的淡入淡出效果(改变opacity透明度)

jQuery拥有以下四种方法：

fadeIn()用于淡入已隐藏的元素

fadeOut()方法用于淡出可见元素

fadeToggle()该方法可以在fadeInt()与fadeOut()方法之间进行切换

如果元素已淡出，则fadeToggle()会向元素添加淡入效果

如果元素已淡入，则fadeToggle()会向元素添加淡出效果

3、滑动(改变：高度)

jQuery滑动方法可使元素上下滑动（主要是改变高度）

通过jQuery，可以在元素上创建滑动效果

jQuery有以下滑动方法：

slideDown()用于向下滑动元素

slideUp()用于向上滑动元素

slideToggle()方法可以在slideDown()和slideUp方法之间进行切换

如果元素向下滑动，则slideToggle()可向上滑动

如果元素向上滑动，则slideToggle()可向下滑动

4、动画效果

1）动画

jQuery animate()方法允许创建自定义的动画

jQuery动画——animate()方法

jQuery animate()方法用于创建自定义动画

2）停止动画

jQuery stop()方法用于在动画或效果完成前对他们进行停止

jQuery stop()方法

jQuery stop()方法用于停止动画或效果，在他们完成之前

stop()方法适用于所有jQuery效果函数，淡入淡出和自定义动画

文章来源：https://www.cnblogs.com/shark1100913/p/6266548.html