Humming Via Kitchen

//  コレがデフォルト
$('a').asThumbnail();

//  引数でオプションを指定
$('a').asThumbnail({
    width: 100,
    height: 100
});

/**
 *  show element(s) as thumbnail
 *
 *  @author     Takanobu Izukawa
 *  @version    0.0.1
 */
jQuery.fn.extend({
    /**
     *  asThumbnail
     *
     *  @param options  Object that contains some parameter.
     *      width:          specified element width.
     *                      default value is 170px.
     *      height:         specified element height.
     *                      default value is 170px.
     *      pattern:        specified retrievable regex pattern.
     *                      default value is `abdeluxe` custom.
     *      replacement:    specified replace format.
     *                      default value is `abdeluxe` custom.
     *  @return         jQuery.
     */
    asThumbnail: function (options)
    {
        // fix options.
        options = options || {};
        //  declared default options.
        var defaultOptions = {
            'width': 170,
            'height': 170,
            'pattern': /^.*\/(\d+)\.html$/,
            'replacement': '/blog/entryimg/$1.jpg'
        };
        //  merge options.
        options = jQuery.extend({}, defaultOptions, options);
        //  execute effect to each element(s).
        return this.filter('a')
        .each(function()
        {
            //  retrieve image url.
            var imageURL = this.href.replace(options.pattern,
                                             options.replacement);
            //  attach new css.
            jQuery(this).css({
                'display': 'block',
                'width': options.width + 'px',      //  should be width method instead?
                'height': options.height + 'px',    //  should be height method instead?
                'background-image': 'url(' + imageURL + ')',
                'background-repeat': 'no-repeat',
                'background-position': '50% 50%'
            }).empty();
        }).end();
    }
});

//  イベント設定。
$.hotkeys.add(KEY, OPTIONS, CALLBACK);

//  イベント削除。
$.hotkey.remove(KEY, OPTIONS);

//  "j"のkeydown（デフォルト）にイベントリスナーを設定。
$.hotkeys.add('j', function ()
{
    alert('hit.');
});

//  "j"のkeydown（デフォルト）のイベントリスナーを削除。
$.hotkeys.remove('j');

//  "Ctrl+a"のkeyupにイベントリスナーを設定。
$.hotkeys.add('Ctrl+a',
{
    target  : 'div.select',
    type    : 'keyup'
}, function()
{
    //  クラスhigeをトグル。
    $(this).toggleClass('hige');
});

//  "Ctrl+a"のイベントリスナーを削除。
$.hotkeys.remove('Ctrl+a', {target: 'div.select'});

(function ()
{
    //  hotkeysのオプションを定義。
    var options = {
        'type': 'keydown',
        'disableInInput': true
    }
    //  ポジションホルダー
    var positions = [0];
    //  それぞれのヘッダの位置を取ってくる。
    $('h1, h2, h3, h4, h5, h6').each(function ()
    {
        positions.push(this.offsetTop + 15);
    });
    //  ソート。
    positions.sort(function (a, b)
    {
        return a > b ? 1 : -1;
    });
    //  現在の位置を取得する関数を定義。
    var getOffset = function ()
    {
        if ($.browser.msie)
            return document.body.scrollTop || document.documentElement.scrollTop;
        else
            return window.pageYOffset;
    }
    //  "j"にイベントリスナーを登録。
    $.hotkeys.add('j', options, function ()
    {
        var offset = getOffset();
        for (var i = 0; i < positions.length; i++)
        {
            if (offset < positions[i])
            {
                window.scrollTo(0, positions[i]);
                break;
            }
        }
    });
    //  "k"にイベントリスナーを登録。
    $.hotkeys.add('k', options, function ()
    {
        var offset = getOffset();
        for (var i = positions.length; i >= 0; --i)
        {
            if (offset > positions[i])
            {
                window.scrollTo(0, positions[i]);
                break;
            }
        }
    });

})();//END: lambda.

//  jquery.js@2342あたり。
// Make sure that the request was successful or notmodified
if ( status == "success" ) {
    //  もろもろな処理。
} else
    //  エラーハンドラをコール。
    jQuery.handleError(s, xml, status);

//  jquery.js@2424あたり。
handleError: function( s, xml, status, e ) {
    //  エラーハンドラがセットされていればコール。
    if ( s.error ) s.error( xml, status, e );

    //  globalな設定ならajaxErrorをコール。
    if ( s.global )
        jQuery.event.trigger( "ajaxError", [xml, s, e] );
},

$('a').click(function ()
{
    var successCallback = function (response)
    {
        //  やりたい処理を書く。
    };
    var errorCallback = function (xml, status, e)
    {
        //  エラーハンドリングを書く。
        //  xml == XMLHttpRequestだよ。
    };
    //  リクエストを投げる。
    $.ajax({
        'type':     "POST",
        'url':      this.href,
        'data':     {'hoge': 'fuga', 'hige': 'moja'},
        'success':  successCallback,
        'error':    errorCallback
    });
    //  画面繊維をキャンセル。
    return false;
});

/**
 *  stripe.js
 */
jQuery.fn.extend({

    stripe : function (o)
    {
        o = o || {};
        var even = o.even || 'even';
        var odd = o.odd || 'odd';

        return this.each(function ()
        {
            switch (this.nodeName.toLowerCase())
            {
                case 'ul':
                case 'ol':
                    jQuery(this).children('li:even')
                    .addClass(even)
                    .end().children('li:odd')
                    .addclass(odd);
                    break;

                case 'table':
                    jQuery(this).children('tbody')
                    .children('tr:even')
                    .addClass(even)
                    .end().children('tr:odd')
                    .addClass(odd);
                    break;

                default:
                    break;

            }//END: switch.

        });//END: each.

    }//END: stripe.

});//END: jQuery.fn.extend.

<div>
    <input type="text" name="textarea1" id="textarrea1" />
    <input type="hidden" name="id1" id="id1" />
    <input type="button" value="post" />
</div>
<div>
    <input type="text" name="textarea2" id="textarrea2" />
    <input type="hidden" name="id2" id="id2" />
    <input type="button" value="post" />
</div>
<div>
    <input type="text" name="textarea3" id="textarrea3" />
    <input type="hidden" name="id3" id="id3" />
    <input type="button" value="post" />
</div>

<script type="text/javascript">
//<![CDATA[
$(function ()
{
    // divの中にあるtype="button"なinputにイベントを設定。
    $('div input:button').click(function ()
    {
        // ボタンの親要素(div)をjQueryでラップ。
        var $$ = $(this).parent('div');

        // 必要な値を持ってくる。
        var options = {
            'textdata'  : $$.children('input:text').val(),
            'id'        : $$.children('input:hidden').val()
        }

        // スクリプトへPOST。
        $.post('post.php', options, function (data)
        {
            // 後処理とかする。
        });
    });

});
//]]>
</script>

<form action="post.php" method="post">
    <input type="text" name="textarea1" id="textarrea1" />
    <input type="hidden" name="id1" id="id1" />
    <input type="submit" value="post" />
</form>
<form action="post.php" method="post">
    <input type="text" name="textarea2" id="textarrea2" />
    <input type="hidden" name="id2" id="id2" />
    <input type="submit" value="post" />
</form>
<form action="post.php" method="post">
    <input type="text" name="textarea3" id="textarrea3" />
    <input type="hidden" name="id3" id="id3" />
    <input type="submit" value="post" />
</form>

<script type="text/javascript">
//<![CDATA[
$(function ()
{
    $('form').submit(function ()
    {
        // サブミットされたformを軸にする。
        $.post(this.action,
        $('input:text, input:hidden', this).serialize(),
        function (data)
        {
            // 後処理。
        });

        // 実際のsubmit処理をキャンセル。
        return false;
    });
});
//]]>
</script>

/**
 *  stripe.js
 */
if (jQuery.stripeSettings === window.undefined)
    jQuery.stripeSettings = {};

jQuery.stripeSettings.even  = {};
jQuery.stripeSettings.odd   = {};

jQuery.fn.extend({

    stripe : function (o)
    {
        o = o || {};
        // Override default settings.
        var even = jQuery.extend({}, jQuery.stripeSettings.even, o.even || {});
        var odd = jQuery.extend({}, jQuery.stripeSettings.odd, o.odd || {});

        return this.each(function ()
        {
            switch (this.nodeName.toLowerCase())
            {
                case 'ul':
                case 'ol':
                    jQuery(this).children('li:even')
                    .css(even)
                    .end().children('li:odd')
                    .css(odd);
                    break;

                case 'table':
                    $self = jQuery(this);
                    if ($self.children('tbody').size() > 0)
                    {
                        $self = $self.children('tbody');
                    }

                    $self.children('tr:even')
                    .css(even)
                    .end().children('tr:odd')
                    .css(odd);
                    break;

                default:
                    break;

            }//END: switch.

        });//END: each.

    }//END: stripe.

});//END: jQuery.fn.extend.

<script type="text/javascript" charset="utf-8">
//<![CDATA[
$(function ()
{
    // 全体の設定。
    $.stripeSettings = {
        even    : {
            'background-color'  : '#ffa0a0'
        },
        odd     : {
            'background-color'  : '#a0a0ff'
        }
    };

    // id="hige"の中のtableにstripeを付ける。
    $('#hige table').stripe();

    // 個別にオーバーライドする場合。
    var settings = {
        even    : {
            'background-color'  : '#ffa0a0'
        }
    };

    // class="stripe"なul, ol, tableにstripeを付ける。
    $('.stripe').stripe(settings);
});
//]]>
</script>

jQuery.extend({//START: jQuery.extend.

    /**
     *  flattenAttrs.
     */
    flattenAttrs : function (o, s)
    {
        var retval = []
        $.each(o||{}, function (k, v)
        {
            retval.push(k+'='+v);
        });
        return retval.join(s||',');

    }//END: flattenAttrs.

});//END: jQuery.extend.

jQuery.fn.extend({//START: jQuery.fn.extend.

    /**
     *  popup.
     */
    popup : function (name, options)
    {
        var settings = {
            'titlebar'      : 'no',
            'resizable'     : 'yes',
            'scrollbars'    : 'yes',
            'left'          : screen.width,
            'top'           : screen.height,
            'width'         : screen.availWidth,
            'height'        : screen.availHeight
        }
        options = jQuery.extend({}, settings, options||{});
        name = name || 'piggy';

        return this.filter('a[href]')
        .click(function (evt)
        {
            window
            .open(this.href, name, jQuery.flattenAttrs(options))
            .focus();

            return false;
        })
        .end();

    }//END: popup.

});//END: jQuery.fn.extend.

<script type="text/javascript">
//<![CDATA[
    $(function (){

        $('a.popup').popup();

    });
//]]>
</script>

$('...').contains is not a function