Although $ sounds native to jQuery alone, but there are other JavaScript libraries and frameworks as well that use $, one example is scriptaculous.
But what if you want to use $ in your jQuery based code or plugin, $ sure is a very short shortcut.
I will show you a nice little trick of how to do so.
The trick involves writing all the code in a function and executing that function immediately:
(function()
{
// put your code here
})();
See how the function gets executed immediately, so all you need to do now to use $, is have the input parameter of this function named $ and pass in the jQuery object using the keyword jQuery.
The example follows:
(function($) // $ is the parameter that is passed the jQuery object
{
// put your code here
$( '.show-me' ).fadeIn( 'fast' );
$( '#editor' ).load( 'some-url.php' );
// add more code
// define some variables
// these variables are only available within this function
var count = 1;
var props = {};
// define some methods
function sum( num1, num2 )
{
return num1 + num2;
}
// use your methods
$( '#show-sum' ).text( sum( 2, 3 ) );
})(jQuery); // pass the jQuery object and execute the function immediately
Thanks to this nice little trick I have been using the $ shortcut in my code, with out any concerns of conflict.

Comments