< Jquery Tutorial

Jquery load() Event

← Previous Next →


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:

$(selector).load(function)

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>
← Previous Next →