jQuery( fn ), $( fn )

jQuery では $(document).ready( 関数 ); で DOM 構築完了後のイベント処理を記述できるってのがチュートリアルの最初に出てくる。

$(document).ready(function(){
    alert("Hello, World!");
});

jQuery の ready イベントの API ドキュメント

• http://docs.jquery.com/Events/ready

によると、これは次のようにも書けるらしい。

jQuery(function($) {
  // Your code using failsafe $ alias here...
});

$(function() {
  // Your code here...
});

最初 $ が何かよくわからなかったのだけど、これは単なる変数らしい。JavaScript じゃ $ も変数名に使えるのか。ソースを見てみる。

jQuery のソースの最初の方で、window.jQuery や window.$ を宣言してるところ。

var jQuery = window.jQuery = window.$ = function( selector, context) {
    return new jQuery.fn.init( selector, context );
}

んで、jQuery.fn.init で第一引数が関数オブジェクトだった場合、jQuery(document).ready(...) している。

        // HANDLE: $(function)
        // Shortcut for document ready
        } else if ( jQuery.isFunction( selector ) )
            return jQuery( document ).ready( selector );