Tutorials References Exercises Bootcamps Videos Menu
Sign Up Create Website Get Certified Upgrade

jQuery ready() Method

❮ jQuery Event Methods


Use ready() to make a function available after the document is loaded:

Try it Yourself »

Definition and Usage

The ready event occurs when the DOM (document object model) has been loaded.

Because this event occurs after the document is ready, it is a good place to have all other jQuery events and functions. Like in the example above.

The ready() method specifies what happens when a ready event occurs.

Tip: The ready() method should not be used together with <body onload="">.


Two syntaxes can be used: 


The ready() method can only be used on the current document, so no selector is required:


Parameter Description
function Required. Specifies the function to run after the document is loaded

❮ jQuery Event Methods