JQuery核心学习

动画

隐藏\显示

1. hide([speed,[easing],[fn]])
2. show([speed,[easing],[fn]])
3. toggle([speed,[easing],[fn]])

滑动方式

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

淡入淡出

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

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)
opacity:一个0至1之间表示透明度的数字。
easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"
fn:在动画完成时执行的函数，每个元素执行一次。

遍历

1. each(callback)
2. $.each(object, [callback])
3. for…of

object:需要遍历的对象或数组。
callback:每个成员/元素执行的回调函数。

插件

1. $.fn.extend(object):扩展 jQuery元素集来提供新的方法（通常用来制作插件）

$.fn.extend({
  check: function() {
    return this.each(function() { this.checked = true; });
  },
  uncheck: function() {
    return this.each(function() { this.checked = false; });
  }
});

2. $.extend(object):扩展jQuery对象本身

$.extend({
  min: function(a, b) { return a < b ? a : b; },
  max: function(a, b) { return a > b ? a : b; }
});