asked on

jQuery syntax question

Hi, I have the code below which fires when a page has loaded:

(function() {
(function($) {
[Some code]
})(jQuery);
}).call(this);

I sort-of get the bit about anonymous functions but I don't understand why the '(jQuery)' is appended at the end of line 4?

ASKER CERTIFIED SOLUTION

TvMpt

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Jagadishwor Dulal

There is different method to write jquery it's document.ready short code you can write the same code as:

$(document).ready(function(){
      [Some code]            
  })

Open in new window

leakim971

sometime $ is used by an other framework or an other jQuery version.
Passing the jQuery object to the anonymous function allow you to use $ for all your jQuery code inside the anonymous function

[Some code] can safely use $ for a specifc jQuery object an not an other framework or an other jQuery version

TvMpt

jQuery(function ($) {
});

Open in new window

It will run on document.ready, within a namespace, and with jQuery defined as $, avoiding cross script conflicts

Alw1n

ASKER

I get that it is to ensure the '$' is tied to jQuery but as per your last post, is:

(function($) {
[Some code]
})(jQuery);

the same as

jQuery(function($) {
[Some code]
});

TvMpt

I put that after the jagadishdulal comment

Alternative shorthand for on document ready for avoiding cross script conflicts

jQuery(function ($) {
});

Open in new window

Jagadishwor Dulal

No more comments when the points have been assigned.