jQuery 第二部分 2018-03-07

一、复习:

  1. jq是js的一个库,封装好了一些常用功能,方便使用,提高效率。
  2. 引包,入口函数

二、动画

  1. 基本效果:hide()、show()
  2. 上拉下拉:slideDown(),slideUp(),slideToggle [speed,easing,fn]
  • 有两个参数时,参数1:动画执行时长;参数2:动画执行完毕后执行的函数
  • 有三个参数时参数1:动画执行时长;参数2:动画效果;参数3:动画执行完毕后执行的函数
    参数:swing(先慢后快 )、linear(匀速)
    3.淡入淡出:fadeIn(),fadeOut,fadeToggle,fadeTo(不透明度)
  1. 自定义动画:animate({},1000) ;
    stop(false,true):立即执行完当前动画,后面动画继续执行。
    stop(true,true):立即执行完当前动画,后面动画序列被清空。
    stop(false) = stop ():停止执行动画,后续队列中动画继续执行。
    stop(true):停止执行动画,后面动画序列被清空。
    stop() 停止动画:
    第一个参数是 默认false 如果是true 是否清空队列 后面都不再执行。第二个参数是是否立即执行完当前动画,默认值false,true表示立即执行完当前动画再执行后面的动画。

三、操作样式

  1. addClass("类名") 给选定的元素添加样式,样式名称没有点。
    $("li").addClass("item");
    windows+r : notepad 回车 打开记事本
  2. removeClass() 移除样式
    有参数时,移除指定的样式;没有参数时,移除所有样式。如果指定的样式不存在,那么将不清除。
  3. toggleClass() 切换样式
  4. hasClass() 判断有没有某个样式

你可能感兴趣的:(jQuery 第二部分 2018-03-07)