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

Los tutoriales aquí en LibreByte están disponible bajo una licencia de software libre. Si le gusta mi trabajo considere:
Comprar un Hosting/VPS o Servidor Dedicado en MCKHost

1 comentario

  1. Gracias por esto, la verdad que es bueno conseguir sitios web como este, ahora mismo comenzaré un proyecto bastante relacionado con este tema.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.