What is $(document).ready() method in jQuery?

The ready() method is used to make a function available after the document is loaded. Whatever code you write inside the $(document ).ready() method will run once the page DOM is ready to execute JavaScript code.


You can try to run the following code to learn how to use $(document).ready() method in jQuery:

Live Demo


      <title>jQuery Function</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

        $(document).ready(function() {
          $("div").click(function() {
            alert("Hello, world!");
      <div id = "mydiv">
         Click on this to see a dialogue box.