Usar jQuery y Prototype en un mismo proyecto

jQuery y Prototype son 2 librerías javascript que facilitan / aceleran el desarrollo de aplicaciones web. Ambas permiten:

• – Manipulación del DOM
• – Interacciones AJAX
• – Manipulación de eventos
• – Animaciones

Ambas usan el $ como un atajo a la function document.getElementById(), por tanto pudiera pensarse que no pueden usarse en un mismo proyecto, pues entrarían en conflicto. Los desarrolladores de JQuery tuvieron esto en cuenta y por tanto incluyeron una funcionalidad que permite redinir el atajo a document.getElementById() permitiendo que jQuery pueda usarse con otras librerías javascript

Para redifinir el atajo incluya la siguiente línea al inicio de su fichero javascript

var $j = jQuery.noConflict();

Luego, para llamar una función jQuery debe susituir el $ por $j, por ejemplo

$j(document).ready(function() {
	$j("a.menu").lostFocus();
});

$j.fn.lostFocus = function() {
    $j(this).focus(function() { 
           this.blur()
    })
}

Nótese el uso de $j en lugar de $

Lecturas recomendadas

Using jQuery with Other Libraries