jQuery Document Events

Last Updated Jul 21, 2015, 12:00:06 PM




jQuery load() Event Method

jQuery load() event is used to bind an event handler to load the javascript event.

Syntax

In general, the jquery load() event method will be called when all sub-elements are fully loaded.

In the below example jquery load() method will be fired when the image element is fully loaded.


Example

Try It Now

jQuery ready() Event Method

jQuery ready() event method called when the DOM is fully loaded. Set of functions can be specified to execute in ready() even when DOM is not loaded.


Syntax

jQuery ready() method doesn’t fired until all assets loaded i.e., such as images external libraries fully loaded. Somecases script can be executed once the DOM hierarchy fully constructed.


Example

In the above jquery ready() event example jquery ready() method is fired and changes the p tag element text when it is loaded.


Try It Now

Other Advanced jQuery Events you might want to learn
jQuery Complete Events Reference

jQuery Events

jQuery Document Events

jQuery Keyboard Events

jQuery Mouse Events



Sources and Credits

The content and methods in the tutorial has been referred and updated with jQuery API and The jQuery Foundation

Last Updated Jul 21, 2015, 12:00:06 PM