其他分享
首页 > 其他分享> > JQuery 高级 复学 ->(个人学习记录笔记)

JQuery 高级 复学 ->(个人学习记录笔记)

作者:互联网

JQuery 高级

1. 动画

1.1 三种方式显示和隐藏元素

1.1.1 默认显示和隐藏方式

  1. show([speed,[easing],[fn]])
    1. 参数:
      1. speed:动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如:1000)
      2. easing:用来指定切换效果,默认是"swing",可用参数"linear"
        • swing:动画执行时效果是 先慢,中间快,最后又慢
        • linear:动画执行时速度是匀速的
      3. fn:在动画完成时执行的函数,每个元素执行一次。
  2. hide([speed,[easing],[fn]])
  3. toggle([speed],[easing],[fn])

1.1.2 滑动显示和隐藏方式

  1. slideDown([speed],[easing],[fn])
  2. slideUp([speed,[easing],[fn]])
  3. slideToggle([speed],[easing],[fn])

1.1.3 淡入淡出显示和隐藏方式

  1. fadeIn([speed],[easing],[fn])
  2. fadeOut([speed],[easing],[fn])
  3. fadeToggle([speed,[easing],[fn]])

2. 遍历

2.1 js的遍历方式

2.2 jq的遍历方式

  1. jq对象.each(callback)

语法:
jquery对象.each(function(index,element){});

回调函数返回值:

  1. $.each(object, [callback])
  2. for..of: jquery 3.0 版本之后提供的方式
    for(元素对象 of 容器对象)

3. 事件绑定

3.1 jquery标准的绑定方式

3.2 on绑定事件/off解除绑定

3.3 事件切换:toggle

4. 插件:增强JQuery的功能

1. 实现方式:

  1. $.fn.extend(object)
    增强通过Jquery获取的对象的功能 $("#id")
  2. $.extend(object)
    增强JQeury对象自身的功能 $/jQuery

注:(之前的前端笔记传送门)

1. HTML初学
2. CSS初学
3. JavaScript初学
4. JQuery初学
5. HTML复学
6. CSS复学
7. JavaScript基础 复学
8. JavaScript高级 复学
9. BootStrap简单了解
10.JQuery基础复学

标签:JQuery,复学,对象,jq,笔记,easing,speed,fn
来源: https://www.cnblogs.com/Slience-me/p/14659560.html