Home/ Questions/Q 6803465
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T19:20:52+00:00

<div class=actions> <h3>Actions</h3> <ul> <li><a href=/configurations>Configurations</a></li> </ul> </div> <script type=text/javascript src=/jquery.min.js></script> <script type=text/javascript> $(‘ul

  • 0
    <div class="actions">
        <h3>Actions</h3>
        <ul>
            <li><a href="/configurations">Configurations</a></li>
        </ul>               
    </div>


<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript">
        $('ul a').click(function(){
                   alert("");
            });
</script>

In the above code is document.ready necessary. What i mean is, is there any case when js will be executed before html

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    .ready is a shortcut to DOMContentLoaded (or onreadystatechange or an assortment of workarounds for other browsers). That event fires when the DOM has been built – in other words, when the whole HTML has been downloaded.

    So, as long as your script tags are the last thing before </body> (they are not inside any divs or other elements) the end result is the same, you don’t need $(document).ready. That is even recommended, since putting your scripts in the <head> will slow down the loading of content.

    Though I’d recommend you to adopt this pattern, to avoid problems with the $ global:

    <script>
(function($){
    $('ul a').click(function(){
        alert("")
    })
})(jQuery)
</script>

    These other questions are interesting reads:

    • 0