THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

jQuery load() Method

jQuery Event Methods jQuery Event Methods

Example

Alert a text when an image is fully loaded:

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

Definition and Usage

The load() method was deprecated in jQuery version 1.8.

The load() method attaches an event handler to the load event.

The load event occurs when a specified element has been loaded.

This event works with elements associated with a URL (image, script, frame, iframe), and the window object.

Depending on the browser, the load event may not trigger if the image is cached (Firefox and IE).

Note: There is also a jQuery AJAX method called load(). Which one is called, depends on the parameters.


Syntax

$(selector).load(function)

Parameter Description
function Required. Specifies the function to run when the specified element is done loading

Examples

Try it Yourself - Examples

Show some text when an image is fully loaded
How to change the text of a <div> element when an image is fully loaded.

Alert a text when the page is fully loaded
How to alert a text when the window object is fully loaded including images.


jQuery Event Methods jQuery Event Methods