Les frameworks Javascripts tels que jQuery, Mootools ou Prototype sont devenus incontournables avec le développement du “ Web 2.0 ”.

Leurs cohabitations posent souvent des problèmes.
En effet, ces différents frameworks utilisent tous la même fonction $() pour leur fonctionnement.

Messages d'erreurs javascripts fréquents :

$ is not a function
$(document).ready(function(){
$(document).ready is not a function

jQuery permet d'utiliser sa fonction noConflict(), pour les rendre compatible entres eux.

Mode d'emploi de jQuery.noconflict() :

// Utilisation simple
jQuery.noConflict();
jQuery('#jquery').css('display', 'block');

// Ou bien, en plus court
var J = jQuery.noConflict();
J('#jquery').css('display', 'block');

// Exemple :
<script type="text/javascript" src="/js/mootools-core.js"></script">
<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script"> 
<script type="text/javascript">
 // Javascript jQuery
 var J = jQuery.noConflict(); 
 J(document).ready(function(){
  J('#jquery').css('display', 'block'); 
 });
 
 // Javascript Mootools   
 window.addEvent('domready', function(){
  $('mootools').setStyle('display', 'block'); 
 });
</script>

Note : la librairie jQuery doit être incluse en dernière.