Home/ Questions/Q 8241225
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T20:45:57+00:00

What’s the different between these three events? Which one loads before/after others? <body> <script

  • 0

What’s the different between these three events?

Which one loads before/after others?

   <body> 
        <script type='text/javascript'> 
            $(document).ready(function(){
                console.log('Document %s',+new Date());
            });
            $('body').ready(function(){
                console.log('Body %s',+new Date());
            });
            $(window).ready(function(){
                console.log('Window %s',+new Date());
            }); 
        </script>
        <div>hello world</div>
    </body>

Strange thing is that , they fires on the same order as I put them on code. For current example. document one fires first and windows one fires at the last.

p.s. I’ve read window.onload vs <body onload=""/> ,
window.onload vs document.onload and few others.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    They are exactly the same, and actually the argument passed to $(...) doesn’t matter.

    From the jQuery documentation about .ready:

    .ready( handler )

    handler – A function to execute after the DOM is ready.

    All three of the following syntaxes are equivalent:

    • $(document).ready(handler)
    • $().ready(handler) (this is not recommended)
    • $(handler)

    The .ready() method can only be called on a jQuery object matching
    the current document, so the selector can be omitted.

    As seen the argument (selector) to $() is explicitly said to be optional (when doing $(...).ready), because of this we can safely assume that it’s irrelevant to the end result.

    • 0