jQuery load()

The load () method is used to load a specific element. It attaches an event handler to load event. It was deprecated in jQuery 1.8 version of jQuery library.

The load event occurs when a specific element is loaded. It is generally used with a URL (image, script, frame, iframe), and the window object.

Note: On some browsers, the load event did not trigger if the image is cached.

Syntax:

It adds a function to the load event.

Parameters of jQuery load() event

Parameter	Description
Function	It is an essential parameter. It executes itself when the specified element is done loading.

Example of jQuery load() event

Let's take an example to demonstrate jQuery load() event.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("img").load(function(){
        alert("Image loaded.");
    });
});
</script>
</head>
<body>
<img src="good-morning.jpg" alt="good morning">
<p><b>Note:</b> On some browsers, the load event did not trigger if the image is cached.</p>
</body>
</html> 

Test it Now

Next TopicjQuery unload()

← prev next →

jQuery Tutorial

jQuery Effects

jQuery HTML/CSS

jQuery Form

jQuery Events

jQuery UI

Interview Questions

jQuery load()

Parameters of jQuery load() event

Example of jQuery load() event