jQuery Functions

Question

What is the use of writing a jQuery function like so...

$(function myFunction() {
 ...
});

What i mean is why wrap the function in $

• Stofke: different-forms-of-document-ready
• Dooie: So the function 'myFunction' will not need to be called? It will run when the document is ready
• kapa: possible duplicate of Different forms of $(document).ready

Answer 1

I think that you mean like this:

$(function() {
 ...
});

This is shorthand for:

$(document).ready(function() {
 ...
});

What it does is registering a handler for the ready event, so the code in the function will be run as soon as the document has loaded.

• Dooie: ok, i understand the ready, but if a function is declared within ready it will execute without being called?
• Guffa: @Dooie: If you use the syntax that you described, it will declare the function with that name, and register the function to handle the event. However, the name of the function is pretty useless, as it's limited to the scope of itself, so it can only be used within the function itself.

Answer 2

It's a shortcut for

$(document).ready(function myFunction() {
 ...
});

See http://api.jquery.com/ready/

Answer 3

It actually happens to be a short-hand for the following syntax:

function handleDocumentReady ()
{ // handleDocumentReady ()
 // Code to handle initialization goes here...
} // handleDocumentReady ()
$(document).ready (handleDocumentReady);