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; }
});