DOM Traversal Methods - MarkMail

Chapter 5
.load()
Binds an event handler to the load JavaScript event.
.load(handler)
Parameters
• handler: A function to execute when the event is triggered
Return Value
The jQuery object, for chaining purposes.
Description
This handler is a shortcut for .bind('load', handler).
The load event is sent to an element when it and all sub‐elements have been
completely loaded. This event can be sent to any element associated with a
URL—images, scripts, frames, and the body of the document itself.
For example, consider the HTML:
The event handler can be bound to the image:
$('.target').load(function() {
$(this).log('Load event was triggered.');
});
Now as soon as the image has been loaded, the message is displayed.
In general, it is not necessary to wait for all images to be fully loaded. If code
can be executed earlier, it is usually best to place it in a handler sent to the
.ready() method.
The AJAX module also has a method named .load(). Which one is fired
depends on the set of arguments passed.
[ 105 ]