AdiHuang's notes

js-extend.md

jQuery插件的基本格式写法

(function($) {

  // funName 是控件名称
  $.fn.funName = function(options) {

    // 设置默认值
    var defaults = {
      choose: 'red',
      out: '#000'
    }

    // 如果options有的话就用options,或者使用default参数
    var options = $.extend(defaults, options);

    // 遍历 return 链式操作
    return this.each(function() { // 这里的this是jQuery对象

      var $this = $(this); // 这里的this是当前循环的dom

      // 例当前dom和同级其它dom分别添加颜色属性
      $this.css('color', options.choose).siblings().css('color', options.out);

    });

  }

})(jQuery);

$(function() {
  // 调用
  $('#demo').funName({'choose':'green', 'out':'#f00'});
});