Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

jQuery ready() Method

❮ jQuery Event Methods

Example

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

$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
});
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="">.


Syntax

Two syntaxes can be used: 

$(document).ready(function)

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

$(function)

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

❮ jQuery Event Methods