美文网首页
jQuery 第二部分 2018-03-07

jQuery 第二部分 2018-03-07

作者: 多佳小昕 | 来源:发表于2018-03-14 17:16 被阅读0次

    一、复习:

    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

          本文链接:https://www.haomeiwen.com/subject/dtbsfftx.html