jQuery イベント - ready() メソッド

ドキュメントが読み込まれた後にアクティブな関数を起動する:

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

自分で試してみる

定義と使用方法

DOM(ドキュメントオブジェクトモデル)が読み込まれ、ページ(画像を含む)が完全に表示されたときに ready イベントが発生します。

このイベントはドキュメントが読み込まれた後に発生するため、他の jQuery イベントや関数をこのイベントの中に置くのは非常に良い方法です。上の例のように。

ready() 関数は ready イベントが発生した時に実行するコードを指定します。

ready() 関数は現在のドキュメントにのみ使用できますので、選択子は必要ありません。

以下の3つの文法を使用することができます:

文法 1

$(document).ready(function)

文法 2

$().ready(function)

文法 3

$(function)
引数 説明
function 必須。ドキュメントが読み込まれた後に実行する関数を指定します。

ヒントとコメント

ヒント:ready() 関数は <body onload=""> と一緒には使用すべきではありません。