Cómo evitar el conflicto entre JQuery y Prototype

Question

Si una página tiene JQuery y Prototype, entonces tengo un conflicto. Hay una opción para deshabilitar el signo $ para JQuery, por lo que no hay conflicto, pero tengo que usar la palabra clave JQuery en lugar de $.

Me pregunto si hay alguna opción para Prototype para resolver este conflicto. ¿Hay alguna forma de utilizar ambas bibliotecas sin comprometer su beneficio o palabra clave corta?

Por lo que sé, no es una buena idea usar múltiples bibliotecas JS para la misma página; pero puede ser útil por algunas veces.

Answer 1

Utilice el método noConflict para jQuery y asígnelo a una nueva variable (corta). Use la nueva variable donde quiera que haya usado $ para jQuery.

var $j = jQuery.noConflict(); 

$j(function() { 
    $j('#selector').each(....); 
}); 

o, si no es necesario mezclar Prototipo/jQuery se puede envolver todo el código jQuery en una función anónima.

(function($) { 
    // $ sign here is a parameter, which is set to jQuery 

    $(function() { 
     $('#selector').each(....); 
    }); 
})(jQuery);