※ jQuery JavaScript Library v1.7.2 の中から。 正式ドキュメントでも、『the selector can be omitted』と書かれていますが、$() の かっこの中は、function 以外はなんでも良いみたいです。ドキュメントそのものでは3通りの書き方を示してはいますが、ソースの中では function のみがこの目的の為の『セレクタ』として機能しています。
// HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); }
$(document).ready(handler) $().ready(handler) (this is not recommended) $(handler) これらの3通りの書き方は、2番目は "" でも null でも 未定義でも同じ結果となりますし、ソースコード上では違うところへ分岐しますが、document でも、windows でも結局は .ready メソッドを使った場合は結果は同じです。 後、 $(document).bind("ready", handler) に関しては、既に ready イベントが実行されてしまっていた場合は動作しないとあります。仕様上の意味は解りませんが、わざわざ使う構文でも無いと思います。やはりもっとも解りやすく正当なのは $(handler) だと思います。 ( 3つの記法では、document.readyState === "complete" で即呼び出すようです。あと、load イベントの保険もあるみたいです / A fallback to window.onload, that will always work ) ready イベントの中身は、Mozilla, Opera and webkit nightlies currently support this event という但し書きで、DOMContentLoaded イベントを使用するとあり、IE の場合は同等のイベント(onreadystatechange)を実装してあります。・・・この詳細を読むと相当 IE はきかん坊のようです。 ※ document.attachEvent で判断しているので、実際は、IE8 以前用の記述だとは思います 具体的な意味 .ready() の意味は、load イベントがページがレンダリングされた後に実行されるイベントであるのに対して(画像などのすべての資産を完全に受信されるまで、このイベントがトリガされない)、DOMの階層構造が完全に構築された時に実行することができます。但し、CSSスタイルプロパティの値に依存するスクリプトを使用する際には、スクリプトを参照する前に外部スタイルシートまたは埋め込みスタイルの要素を先に参照することが重要だそうです。 .ready() 原文
|
【jQueryの最新記事】
- clipboard.js で、2種類のクリップボード処理オブジェクトを作成して使い分ける
- 一般的な PHP のアップロードページに対して jQuery の $.ajax でファイルをアップロードする
- jQuery の $.ajax で JSON 文字列を WEB より取得して TABLE を作成する
- jQuery で DIV の中の DIV を縦横中央に配置する
- jQuery で ページ内の画像のリンク切れを探してテーブルに URL を表示する
- クリックした入力フィールド以外をブラックアウトする jQuery プラグイン
- FORM の内容を localStorage に保存する jQuery プラグイン
- tableMagic : 単純に JSON から TABLE、TR、TH、TR、TD を作成する jQuery のプラグイン
- 滑らかなスクロール(scroll bar)を提供する jQuery プラグイン jQuery.NiceScroll
- jQuery : F1 キーでヘルプを起動させないようにする
- jQuery プラグイン jquery.balloon.js に jQuery UI を追加してバルーン毎に違ったアニメーション効果を設定する
- jquery.balloon.js で、balloon をメッセージ表示に使う( ゲーム等で使う為 )
- jQuery プラグイン jquery.balloon.js で複数バルーンにそれぞれ別のコンテンツを設定する為には、.each を使う
- jQuery プラグイン jquery.balloon.js を使用する『画像バルーン』の処理 (Excel で作成した吹き出し)
- jQuery プラグイン jquery.balloon.js の外部からのコントロール
- NAVER : Image*After の城と教会編
- 親(parent) フレームに jQuery が無い場合に jQuery をインストールする。
- jQuery で書かれた、幻想的な動く星座のようなシーン
- jQuery の addClass で、CSS で作成するサイフの出来上がる過程を見れるようにしました
- jQuery/JavaScript でフルスクリーンAPI( スクロールしないし、こりゃあ、WebGL の為にあるような・・・ )