Skip to content
Related Articles

Related Articles

Improve Article
jQuery | ready() with Examples
  • Last Updated : 26 Sep, 2018

The ready() method is an inbuilt method in jQuery which helps to load the whole page then execute the rest code. This method specify the function to execute when the DOM is fully loaded.

Syntax:

$(document).ready(function)

Parameters: This method accepts single parameter function which is mandatory. It is used to specify the function to run after the document is loaded.

Return Value: This method returns the document after performing the ready() method.
Below example illustrates the ready() method in jQuery:

Example:




<!DOCTYpe html>
<html>
    <head>
        <title>The ready Method</title>
        <script src=
        </script>
          
        <!-- jQuery code to show the working of this method -->
        <script>
            $(document).ready(function(){
                $("button").click(function(){
                     $("p").css("color", "green");
                     $("p").css("font-size", "40px");
                     $("p").css("font-weight","bold")
                 });
         });
      </script>
      <style>
         div {
             text-align:center;
             width: 60%;
             min-height: 100px;
             padding: 10px;
             border: 2px solid green;
         }
      </style>
   </head>
   <body>
      <div>
         <p>Welcome to</p>
         <p>GeeksforGeeks!</p>
         <!-- click on this button -->
         <button>Click Here!</button>
      </div>
   </body>
</html>

Output:
ready method




My Personal Notes arrow_drop_up
Recommended Articles
Page :