jQueryの$.extendを使ってみたくなる、今さら聞けない$.extend()

以下ではjQuery.extend() （以下$.extend()）がどういう動きをするのか、
そして、$.extend() と $.fn.extend() の違い、紛らわしさをまとめました。

jQuery.extend() の使い方

function momoclo(osaretai) {
  var members = {
    red : 'kanako',
    yellow : 'shiori',
    pink : 'ayaka'
  }

  var momoclo = $.extend({}, members, osaretai);
  return momoclo;
}

var osaretai = {
  green : 'momoka',
  purple : 'reni'
}
console.dir(momoclo(osaretai));
/*
* 出力結果
* red : 'kanako'
* yellow : 'shiori'
* pink : 'ayaka'
* green : 'momoka'
* purple : 'reni'
*/

$.extend() と $.fn.extend() の使い方の違い

.extend() に渡すオブジェクトが1つのとき

一般的には、関数の定義の場合は jQueryオブジェクトを
メソッドの定義は、 jQuery.fnオブジェクトを拡張することになる。
ちなみに jQuery.fn とは jQuery.prototype にあたるものです。

$.extend({
  momocloZ : function(){}
});
// jQuery.momocloZ(); でコールする

$.fn.extend({
  momoclo : function(){}
});
// jQuery('p').momoclo();

jQueryプラグインの作りかたを含めた、jQueryのオブジェクトに関する解説は、
後日執筆予定です。