Is there a way to execute jQuery code before the DOM is ready ?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
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.