jQuery ready() Method

Last Updated:

jQuery ready() Method

The jQuery ready() method specifies a function to execute when the DOM is fully loaded.

Basically, all jquery functionalities will go inside ready() method because jQuery api takes 1 or 2 seconds to load.

Note: You can use multiple jQuery ready() method in a same page.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery Basic program</h1> <script> $(document).ready(function(){ // alert when this page is fully loaded. alert("jQuery is ready to go"); }); </script> </body> </html>

Syntax

document.ready(callback);

Parameter Values

Value Type Explanation
callback Required Specifies a function to be called once jQuery api is loaded.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
ready()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author