X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook