jQuery ready()Method
jQuery Event MethodsExample
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 and the page is fully loaded (including images).
Since this event occurs after the document is ready, it is a very good practice to place all other jQuery events and functions within this event. As shown in the example above.
The ready() method specifies the code to be executed when the ready event occurs.
Tip:The ready() method should not be used together with <body onload="">.
Syntax
The following two syntaxes are allowed:
$(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. |
Other Extensions