Skip to content
Related Articles

Related Articles

Improve Article
How to run a code on document ready event in jQuery ?
  • Last Updated : 24 Mar, 2021

In this article, we will see how to run a code when page load using jQuery. To run a code at page load time, we will use ready() method. This method helps to load the whole page then execute the rest code. This method specifies 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.

Example:

HTML




<!DOCTYpe html>
<html>
  
<head>
    <title>
        How to run a code on document
        ready event in jQuery?
    </title>
  
    <script src=
    </script>
  
    <!-- jQuery code to show the working of this method -->
    <script>
        $(document).ready(function () {
            $("body").css("text-align", "center");
            $("h1").css("color", "green");
            $("p").css("font-size", "14px");
            $("p").css("font-weight", "bold");
        });
    </script>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h3>
        How to run a code on document
        ready event in jQuery?
    </h3>
  
    <p>GeeksforGeeks: A computer science portal</p>
</body>
  
</html>

Output:

My Personal Notes arrow_drop_up
Recommended Articles
Page :