一、复习:
- jq是js的一个库,封装好了一些常用功能,方便使用,提高效率。
- 引包,入口函数
二、动画
- 基本效果:hide()、show()
- 上拉下拉:slideDown(),slideUp(),slideToggle [speed,easing,fn]
- 有两个参数时,参数1:动画执行时长;参数2:动画执行完毕后执行的函数
- 有三个参数时参数1:动画执行时长;参数2:动画效果;参数3:动画执行完毕后执行的函数
参数:swing(先慢后快 )、linear(匀速)
3.淡入淡出:fadeIn(),fadeOut,fadeToggle,fadeTo(不透明度)
- 自定义动画:animate({},1000) ;
stop(false,true):立即执行完当前动画,后面动画继续执行。
stop(true,true):立即执行完当前动画,后面动画序列被清空。
stop(false) = stop ():停止执行动画,后续队列中动画继续执行。
stop(true):停止执行动画,后面动画序列被清空。
stop() 停止动画:
第一个参数是 默认false 如果是true 是否清空队列 后面都不再执行。第二个参数是是否立即执行完当前动画,默认值false,true表示立即执行完当前动画再执行后面的动画。
三、操作样式
- addClass("类名") 给选定的元素添加样式,样式名称没有点。
$("li").addClass("item");
windows+r : notepad 回车 打开记事本 - removeClass() 移除样式
有参数时,移除指定的样式;没有参数时,移除所有样式。如果指定的样式不存在,那么将不清除。 - toggleClass() 切换样式
- hasClass() 判断有没有某个样式