What does this JavaScript/jQuery syntax mean?

by

This convention is used when writing plugins to ensure there is no confilict with other Javascript libraries using the $ notation, whilst ensuring the plugin author can still use this notataion:

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

The author is declaring an anonymous function with a single parameter ($), then immediately calling it and passing the jQuery object to it. This ensures the function is called and that everything in it is defined.

A longer notation might be:

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

Although that would create a variable MyDefs in the global namespace. The anonymous function pattern leaves the global namespace empty, avoiding conflicts.

More Related Contents:

  1. Date Format UTC in javascript [duplicate]
  2. How to check a radio button with jQuery?
  3. How to find index of all occurrences of element in array?
  4. How to go to a specific element on page? [duplicate]
  5. Checking if jquery is loaded using Javascript
  6. Download and open PDF file using Ajax
  7. Day Name from Date in JS
  8. How do I stop a window.setInterval in javascript?
  9. What is the best way to remove a table row with jQuery?
  10. Professional jQuery based Combobox control? [closed]
  11. jQuery Multiple ID selectors
  12. Use jQuery to get the file input’s selected filename without the path
  13. How can I create an inset curved background that works with a background gradient and overlapping transparent shapes?
  14. How to tell .hover() to wait?
  15. I want to show list items as 2 or more columns (dynamic alignment)
  16. jQuery focus() sometimes not working in IE8
  17. Only fire an event once?
  18. Add CORS header to an http request using Ajax
  19. Disable sorting for a particular column in jQuery DataTables
  20. How can I detect DOM ready and add a class without jQuery?
  21. Jquery execute onchange event on onload
  22. Parsing Date from webservice
  23. Programmatical click on -tag not working in Firefox
  24. ASP.NET Parse DateTime result from ajax call to javascript date
  25. Fancybox (jQuery) – Passing information from parent to iframe and iframe back to parent
  26. Not able to launch a pdf file in inappbrowser in android
  27. Immediately-Invoked Function Expression (IIFE) In JavaScript – Passing jQuery
  28. Cross-site AJAX using jQuery
  29. How to capture browser close event?
  30. jQuery SVG vs. Raphael [closed]

Leave a Comment