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

画像が読み込まれたとき、div要素のテキストを変更します:

$("img").load(function(){
  $("div").text("Image loaded");
});

実際に試してみてください

定義と使用法

指定された要素(及びその子要素)が読み込まれた場合、load()イベントが発生します。

このイベントはURLを持つどんな要素(画像、スクリプト、フレーム、インラインフレームなど)にも適用されます。

FirefoxやIEなどの異なるブラウザでは、画像がキャッシュされている場合、loadイベントが発生しないことがあります。

注:さらにload() と呼ばれるjQuery Ajaxメソッド、異なる引数によって異なります。

構文

$(selector).load(function)
引数 説明
function 必須。指定された要素が読み込まれたときに実行される関数を定義します。