If you are using another JavaScript library that uses the
$ variable, you can run into conflicts with jQuery. In order
to avoid these conflicts, you need to put jQuery in no-conflict mode
immediately after it is loaded onto the page and before you attempt to use
jQuery in your page.
When you put jQuery into no-conflict mode, you have the option of
assigning a variable name to replace $.
Example 4.4. Putting jQuery into no-conflict mode
<script src="prototype.js"></script> <script src="jquery.js"></script> <script>var $j = jQuery.noConflict();</script>
You can continue to use the standard $ by wrapping your
code in a self-executing anonymous function; this is a standard pattern
for plugin authoring, where the author cannot know whether another library
will have taken over the $.
Example 4.5. Using the $ inside a self-executing anonymous function
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
(function($) {
// your code here, using the $
})(jQuery);
</script>
Copyright Rebecca Murphey, released under the Creative Commons Attribution-Share Alike 3.0 United States license.