Please note, this is a STATIC archive of website www.w3schools.com from 05 May 2020, cach3.com does not collect or store any user information, there is no "phishing" involved.
THE WORLD'S LARGEST WEB DEVELOPER SITE

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