JQuery进阶

JQuery进阶

1. 动画

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

  • 参数:
    • speed:动画的速度。三个预定义的值(slow,normal,fast)之一或者毫秒值。
    • easing:用来指定切换效果。默认是swing,可以设置为linear。swing是动画慢快慢,linear是匀速。
    • fn:在动画完成时执行的函数,每个元素执行一次
  1. 默认显示和默认隐藏方式

    1. show([speed],[easing],[fn])
    2. hide([speed],[easing],[fn])
    3. toggle([speed],[easing],[fn])
  2. 滑动显示和隐藏方式

    1. slideDown([speed],[easing],[fn])
    2. slideUp([speed],[easing],[fn])
    3. slideToggle([speed],[easing],[fn])
  3. 淡入淡出显示和隐藏方式

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

2. 遍历

  1. JQuery对象.each(callback)

  2. $.each(object, [callback])

  3. for..of

  • return false相当于break,return true相当于continue。

3. 事件绑定

  1. 标准绑定方式

    • JQuery对象.事件方法(回调函数)
  2. on绑定事件/off解除绑定

    • JQuery对象.on(“事件名称”,回调函数)
    • JQuery对象.off(“事件名称”)
  3. 事件切换

    • JQuery对象.toggle(fn1,fn2…..)
    • 1.9版本后此事件移除,可以用migrate插件恢复此功能。

4. 插件

增强JQuery的功能的。

  • 实现方式:

    1. $.fn.extend(object)

      • 增强通过JQuery获取的对象的功能
    2. $.extend(object)

      • 增强JQuery对象自身的功能
打赏
  • 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!

请我喝杯咖啡吧~

支付宝
微信