i came across this piece of script in the source code of a chrome extension. it declares a function:
jQuery(function($){
$('#actionCopy').click(function(e){
Action.copy();
});
});
what is that jQuery word used at the beginning of the function? and what does the dollar sign that is used as the function argument do? ( function($) )
Passing in a function as first argument into the jQuery constructor function is just a shortcut for .ready().
jQuery(document).ready(function() {
});
jQuery will be kind enough to pass in the jQuery object reference into the callback which you pass in for the .ready handler. That means, you can just savely access the jQuery object using the dollar sign $ within.
what is that jQuery word used at the beginning of the function?
It refers to a function called jQuery (defined by the library available from http://jquery.com).
That particular function is horribly overloaded, but in this case (when it receives one argument that is a function) it means "Bind this function to the document ready event" (with some pollyfill for the benefit of browsers that don't support that event natively).
and what does the dollar sign that is used as the function argument do?
The same as a letter a or the word foo or anything else. It defines the variable name that the argument will be passed to. There is nothing special about the $ character in JavaScript variable names.
jQuery is popular javascript library. $ is the shorthand for accessing jQuery object. Passing $ in function 'function($)' will make sure that $ will not be conflicted with any other javascript library used.
jQuery(/**args**/)just like you'd expect for any other function. The argument passed to thejQuery()function just happens to be another function. Functions are objects and can be passed around just like any other data.$is a parameter to the function argument. When invoked it is passed a value. That value is a function. The function argument passed to$just so happens to be the samejQueryfunction, so now you have two different references to the same function.jQuery === $; // true(function($){ //code })(jQuery);