Question

I was wondering what would be the best programming practice for jQuery. Most jquery actions seem to need to be contained within the .ready() or else it doesn’t work. If I have a bunch of actions that I want to code, I could put them all within one big .ready(). What I have been doing is creating a a new .ready() for each function since I felt that this would be the easiest way to copy and paste the function if I ever wanted to reuse it for another website. But I think this is going to get a bit out of hand. Any ideas?

Answer 1

You can acess the HTML and CSS of a page over the document object model (short: DOM). jQuery simplifies accessing the DOM. When the page loads it also takes some time until the DOM is fully loaded and ready.

If you try to acess the DOM before it’s ready, your code won’t run properly. $(document).ready() executes a function when the DOM is ready and you can acess it properly.

You don’t need several of those events. One function as an argument for the $(document).ready() is enoug.

$(document).ready(function(){
   // Put all the code that needs the DOM to work in here
});