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对象自身的功能