Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Running jQuery code before the DOM is ready?

Tags:

jquery

Is there a way to execute jQuery code before the DOM is ready ?

like image 270
drake035 Avatar asked Sep 26 '12 09:09

drake035


1 Answers

jQuery is just Javascript, so the question is really "Is it possible to run JavaScript before the DOM is ready" and with that I'm guessing you mean the document and not DOM.

If we can agree that the question is "Is it possible to run JavaScript before the document is ready". Then the answer is yes. The JavaScript will be executed when encountered.

That's why you almost always see either $(function(){...})or $(document).ready(function(){...}) because most jQuery code requires the document to be ready but the code attaching the event handler is certainly executed before the document is ready (otherwise it wouldn't be able to handle the document ready event).

Usually you should place your Javascript includes at the bottom of your HTML but if you want it executed earlier you can simply place it earlier in the document e.g. in the header.

<html>
  <head>
     ...
     <script>
        //place your code to be executed early here
     </script>
  </head>
...
</html>
like image 174
Rune FS Avatar answered Nov 17 '22 10:11

Rune FS