jQueryのready()メソッド

jQueryのイベント

DOMが完全に読み込まれた後に実行される関数を指定するready()メソッド。

正しい方法は、ドキュメントが完全に読み込まれ、準備ができたらそれを使用することです。

ドキュメントが完全に読み込まれる前にメソッドを実行すると、以下のような操作が失敗する例があります：

• まだ作成されていない要素を選択しようとしました

• まだ読み込まれていない画像のサイズを取得しようとしました

構文：

ready()メソッドは通常、匿名関数と一緒に使用されます：

$("document").ready(function(){
　　//　ready()のハンドラ呼び出し
　　});

jQueryは、ドキュメント就緒イベントを処理するためのさらに短い方法もあります：

$(function(){
　　//　ready()のハンドラ呼び出し
　　});

例

DOMが読み込まれた時にメッセージを表示します：

$("document").ready(function(){
　　$("p").text("DOMが読み込まれました。操作を行うことができます。");
});

短い構文を使用して、DOMが読み込まれた時にメッセージを表示します：

$(function(){
　　$("p").text("DOMが読み込まれました。操作を行うことができます。");
});

ready()を使用して、ドキュメントが読み込まれた後に機能を利用できるようにします：

$("document").ready(function(){
　　$("button").click(function(){
　　　　$("div").slideToggle();
　　});
});

引数の値

jQueryのイベント