JQuery - What is the purpose of this syntax $(function () { ... });

Question

I'm working with SignalR, and by extension, JQuery.

Some initialisation code runs inside a function block defined with the following syntax:

$(function () { 

    // ... Init code here e.g. 

    var hub = $.connection.myHub;
});

What is the functional difference here compared with just executing scripts directly within a pair of script tags?

I know it still has to run within script tags, I mean the line of code within the function definition. — gbro3n, Mar 19 '13 at 14:39
See http://stackoverflow.com/questions/4139803/jquery-ready-function-aliases — bfavaretto, Mar 19 '13 at 14:42

score 10 · Accepted Answer · answered Mar 19 '13 at 14:40

10

Its simply shorthand for:

$(document).ready(function(){

});

answered Mar 19 '13 at 14:40

Curtis

Darren · Answer 2 · 2013-03-19T14:44:09.120

6

$(function () is equivalent to document on ready. The function will execute everything inside the {} tags once the DOM has loaded.

An alternative way is:

$(document).ready(function() {

});

edited Mar 19 '13 at 14:44

answered Mar 19 '13 at 14:38

Darren

2 Answers2