title: How do I avoid jquery library conflicts?
body: <p>Can anyone help me please, I am new to jquery. I've added three jquery plugins for my project.</p>
  
  <p>I want to know whether is it possible to have multiple jquery in single page?</p>
  
  <p>Tell me what this file will do:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Please explain clearly whether these files are same or not, and what is the difference between libraries and versions? Is there any difference?</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;
  </code></pre>
  
  <p><strong>1.for ball bounce:</strong></p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
     &lt;script&gt;
    $(document).ready(function() {
  
  $("ul.menu li,ul.social_media li").mouseenter(function () {
        $(this).effect("bounce", { times:2 }, 400);
  });
  
    });
    &lt;/script&gt;
  </code></pre>
  
  <p><strong>2.for tab content:</strong></p>
  
  <pre><code>&lt;script src="javascript/jquery-1.1.3.1.pack.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="javascript/jquery.history_remote.pack.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="javascript/jquery.tabs.pack.js" type="text/javascript"&gt;&lt;/script&gt;
  
  
          &lt;link rel="stylesheet" href="css/jquery.tabs.css" type="text/css" media="print, projection, screen"&gt;
  
          &lt;script type="text/javascript"&gt;
              $(function() {
                $('#container-5').tabs({ fxSlide: false, fxFade: false, fxSpeed: 'normal' });
              });
          &lt;/script&gt;
  </code></pre>
  
  <p><strong>3.for scroll:</strong></p>
  
  <pre><code>  &lt;script src="js/jquery.thumbnailScroller.js"&gt;&lt;/script&gt;
        &lt;script src="js/jquery-ui-1.8.13.custom.min.js"&gt;&lt;/script&gt;
        &lt;link href="js/jquery.thumbnailScroller.css" rel="stylesheet" /&gt;
  
        &lt;script&gt;
  (function($){
  window.onload=function(){   
      $("#tS1").thumbnailScroller({       
          scrollerType:"hoverAccelerate",     
          scrollerOrientation:"horizontal",       
          scrollEasing:"easeOutCirc",         
          scrollEasingAmount:400,         
          acceleration:2,         
          scrollSpeed:400,        
          noScrollCenterSpace:4,      
          autoScrolling:0,        
          autoScrollingSpeed:1000,        
          autoScrollingEasing:"easeInOutQuad",        
          autoScrollingDelay:20 
      });
      $("#tS2").thumbnailScroller({ 
          scrollerType:"clickButtons", 
          scrollerOrientation:"horizontal", 
          scrollSpeed:2, 
          scrollEasing:"easeOutCirc", 
          scrollEasingAmount:600, 
          acceleration:4, 
          scrollSpeed:800, 
          noScrollCenterSpace:10, 
          autoScrolling:0, 
          autoScrollingSpeed:2000, 
          autoScrollingEasing:"easeInOutQuad", 
          autoScrollingDelay:500 
      });
      $("#tS3").thumbnailScroller({ 
          scrollerType:"hoverPrecise", 
          scrollerOrientation:"vertical", 
          scrollSpeed:2, 
          scrollEasing:"easeOutCirc", 
          scrollEasingAmount:800, 
          acceleration:4, 
          scrollSpeed:800, 
          noScrollCenterSpace:10, 
          autoScrolling:0, 
          autoScrollingSpeed:2000, 
          autoScrollingEasing:"easeInOutQuad", 
          autoScrollingDelay:500 
      });
  }
  })(jQuery);
  &lt;/script&gt;
  </code></pre>
  
  <p>This my code. Help me avoid conflicts in this code.</p>