jQuery ready() Method

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

$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
});

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:

$(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