JQuery 操作影响原来样式
类操作和 className 的区别
原生 JS 中 className 会覆盖元素原先里面的类名
JQuery 里面类操作只是对指定类进行从操作,不影响原先的类名.
JQuery 效果
显示隐藏 滑动 淡入淡出
显示与隐藏效果
语法规范: show([speed],[easing],[fn])
显示参数:
1)参数都可以省略,表示无动画显示
2)speed:三种预定速度之一的字符串(“slow”,“normal”,fast")或表示动画时长的毫秒数值
3)easing:(Optional)用来指定切换效果,默认是"swing",可用参数"linear"
4)fn:回调函数,在动画完成时执行的函数,每个元素执行一次
滑动
下拉: slideDown()
上拉:slideUp()
切换:slideToggle()
动画队列及停止动画队列的方法
动画队列是指:在同一时间内触发多个动画,每个动画都必须完成
stop() 用于停止动画或效果
stop()写在动画或者效果前面,相当于停止了上一次的动画或效果
淡入淡出效果
淡入 fadeIn()
淡出 fadeOut()
切换 fadeToggle()
修改透明度 fadeTo()
自定义动画 animate