jQuery dollar sign ($) as function argument?

by

When you see:

(function() {
  // all JS code here
})();

It is knows as self-invoking anonymous function. The function executes as soon as it is parsed because of the addition of () at the end (that’s how you run js functions).

Notice that extra outer braces are just convention, you could also write it up like:

function() {
  // all JS code here
}();

But that convention is heavily used all around and you should stick to it.

(function($) {
  // all JS code here
})(jQuery);

Here, $ is mapped to jQuery object so that you could use $ instead of jQuery keyword. You could also put some other character there too:

(function(j) {
  // all JS code here
})(jQuery);

Here, j is mapped to jQuery object instead.

Notice also that arguments specified to self-invoking function remain within the scope of that function and do not conflict with outer scope/variables.

I had written an article on the subject, please check it out:

More Related Contents:

  1. Sending multipart/formdata with jQuery.ajax
  2. Wrap every 3 divs in a div
  3. Difference between $(this) and event.target?
  4. Scroll to bottom of Div on page load (jQuery)
  5. Toggle Checkboxes on/off
  6. Table row and column number in jQuery
  7. POST to server, receive PDF, deliver to user w/ jQuery
  8. jquery change background color user scroll
  9. Correct way to animate box-shadow with jQuery
  10. jQuery’s .on() method combined with the submit event
  11. Is there any specific reason behind using $ with variable in jQuery
  12. .delay() and .setTimeout()
  13. When I make a draggable clone and drop it in a droppable I cannot drag it again
  14. Datatables – Search Box outside datatable
  15. How do I make $.serialize() take into account those disabled :input elements?
  16. JQuery: post FormData AND csrf token together
  17. How do I explicitly execute default action from jQuery event
  18. How to manually update datatables table with new JSON data
  19. jQuery get selected option value (not the text, but the attribute ‘value’)
  20. jQuery checkbox event handling
  21. Detecting value change of input[type=text] in jQuery
  22. Autocomplete issue into bootstrap modal
  23. Performance of jQuery selector with context
  24. jQuery code doesn’t work if I’m using a local jquery.js file, why?
  25. jQuery Chosen plugin add options dynamically
  26. Creating templated/persistant header/footer template in jQuery Mobile and PhoneGap
  27. jQuery: check if element has CSS attribute
  28. Html5 drag and drop on svg element
  29. Regex validation for numbers with comma separator
  30. jquery on vs click methods

Leave a Comment