へびにっき

var MyjQuery = jQuery.sub();

MyjQuery.fn.writeHello = function(){ this.text('Hello World'); };
 
MyjQuery('p').writeHello();

MyjQuery('div').css('border', '1px red solid').writeHello();
 
//元のjQueryを拡張
jQuery.fn.pluginMethod = function(){ alert('OK'); };
 
//OK
MyjQuery('.klass').pluginMethod();

// text	メソッドを上書きする
MyjQuery.fn.text = function(val) {
  var orig = jQuery.fn.text;
  if(typeof val === "string") {
    return orig.call(this, "!!"+ val +"!!");
  } else {
    return orig.apply(this, arguments);
  }
};
 
// 上書きされたtextを呼び出す
MyjQuery('#ex').text("foo");
 
// 引数を与えなければ元のメソッドが呼ばれる
MyjQuery('#ex').text();	//!!foo!!
 
// もちろん元のメソッドには影響ない
jQuery('#ex').text('foo'); //foo

$('select').addOption(...);
$('select').clearOptions(...);
 
//本当は次のようにしたいが、動作しない
$('select').optionBuilder.addOption(...);
$('select').optionBuilder.clearOptions(...);
 
//次のような実装が推奨されている
$('select').optionBuilder('addOption', ...);
$('select').optionBuilder('clearOptions', ...);

//サブクラスを使えば直接呼び出せる
var optionBuilder = jQuery.optionBuilder();
optionBuilder('select').addOption(...)
optionBuilder('select').clearOptions(...);
 
//関数の中に隔離する方法も
jQuery.optionBuilder(function($){
    $('select').addOption(...);
    $('select').clearOptions(...);
});

/*
 * jQuery.optionBuilder.fn[method](...);
 * を
 * jQuery.fn.optionBuilder(method, ...);
 * にマップする
 */
jQuery.optionBuilder = (function(){
  var sub = jQuery.sub(),
      base = jQuery.fn.optionBuilder,
      slice = Array.prototype.slice,
      methods = ['addOption', 'clearOptions'];
 
  $.each(methods, function(i, method){
    sub.fn[method] = function(){
      return base.apply(this, [method].concat(slice.call(arguments)));
    };
  });
  return function(fn){
    if(typeof fn === 'function') {
      return fn(sub);
    }
    return sub;
  };
}());

<script type="text/javascript" src="http://www.google.com/jsapi?key=API_KEY"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.googleMultiFeed.js"></script>
<script type="text/javascript">
//google.load('jquery', '1.4');
 
google.setOnLoadCallback(function(){
  //jqueryをgoole.loadで読み込む場合のみ必要
  //initGoogleMultiFeed();
 
  $('#feed').googleMultiFeed({
    urls: ['http://example.com/rss', 'http://example.net/feed'],
    numEntries: 5
  });
});
</script>
...
<div id="feed"></div>

<div>
<a title="エントリータイトル | フィードタイトル" href="リンク">エントリータイトル [フィードタイトル]</a>
<span class="entry-date">日付(YYYY-MM-DD)</span>
</div>
...（フィードの件数分繰り返し）...

//第一引数がエントリ、第2引数がフィード
//詳細は http://code.google.com/intl/ja/apis/feed/v1/reference.html#JSON
function titleOnly(entry, feed) {
  var link = $('<a />').attr({href: entry.link}).text(entry.title);
  return $('<li />').append(link);
}
 
//ULタグに対して追加する
$('ul#feed').googleMultiFeed({
  urls: ['http://example.com/rss', 'http://example.net/feed'],
  format: titleOnly
});

$.map([1,2,3,4], function(x){ if(x % 2 == 0) return [x, x]; });
// => [2,2,4,4]

/**
 * - LibraryA,
 * - LibraryA に依存する LibraryB
 * - LibraryA と LibraryB を使用する処理
 * を順番に実行する.
 * 読み込みが失敗したら後続の処理は実行しない
 */
 
// script-loader という名前の queue を使用する
jQuery.fn.loaderQueue = function(func) {
    return this.queue('script-loader', func);
}
jQuery.fn.loaderDequeue = function() {
    return this.dequeue('script-loader');
}
 
// スクリプト読み込みが成功したら dequeue する $.getScript
function dequeuingGetScript(url) {
    return function(next) {
        jQuery.getScript(url, function(data, status) {
                next();
            });
    };
}
 
jQuery(document)
    .loaderQueue(dequeuingGetScript('libraryA.js'))
    .loaderQueue(dequeuingGetScript('libraryB.js'))
    .loaderQueue(function(){ alert(LibraryA.func() + LibraryB.func()); })
    .loaderDequeue();

//start月からend月までの選択肢を作る
function updateMonth(start, end) {
  var select  = $('#month');
  var current = select.val();
 
  select.clearOptions();
  for(var i=start; i<=end; ++i) {
      select.addOption(i + "月", i, i == current)
  }
}

var Class = (function() {
        function subclass() {}
        return {
        create: function(parent) {
                function klass() {
                    this.initialize.apply(this, arguments);
                }
 
                var index = 0;
                if(jQuery.isFunction(parent)) {
                    index = 1;
                    subclass.prototype = parent.prototype;
                    klass.prototype = new subclass;
                }
                for(; index < arguments.length; ++index) {
                    jQuery.extend(klass.prototype, arguments[index]);
                }
                return klass;
            }
        }
    })();

var Person = Class.create({
  initialize: function(name) {
    this.name = name;
  },
  say: function(message) {
    return this.name + ': ' + message;
  }
});
 
var Pirate = Class.create(Person, {
  say: function(message) {
    //親クラスのprototypeに直接アクセス
    return Person.prototype.say.call(this, message) + ', yarr!';
  }
});
 
var john = new Pirate('Long John');
john.say('ahoy matey');
// -> "Long John: ahoy matey, yarr!"