jQuery load() メソッド

❮ jQuery Event メソッド

画像が完全にロードされたときにテキストをアラートする:

$("img").load(function(){
    alert("Image loaded.");
});
Try it Yourself »

定義と用法

load() メソッドは、jQuery version 1.8 で 非推奨になりました。

load() メソッドは、load イベントにイベントハンドラを接続します。

load イベントは、指定の要素がロードされた時に発生します。

このイベントは、URL(image, script, frame, iframe)および window オブジェクトに関連した要素で動作します。

ブラウザによっては、画像がキャッシュされている場合に、load イベントがトリガされない場合があります(Firefox、IE)。

注: load() と言う jQuery AJAX メソッドもあります。どちらが呼び出されるかは、パラメータによります。


構文

$(selector).load(function)

パラメータ 説明
function 必須。指定の要素がロードされた時に実行する関数を指定する

Try it Yourself - 例

画像のロードが完了したときにテキストを表示
画像のロードが完了したときに <div> 要素のテキストを変更する方法。

画像のロードが完了したときにテキストをアラート
画像を含んだ window オブジェクトのロードが完了したときにテキストをアラートする方法。


❮ jQuery Event メソッド