Hace tiempo que trasteo código en Javascript pero siempre cosas básicas y puntuales: la validación de un formulario, ocultar y mostrar bloques, etc. Normalmente hago mas caso al CSS e incluso al PHP y al pobre JS lo tengo olvidado, pero desde que probé JQuery que le estoy cogiendo el truquillo a esto del Javascript.
JQuery es una librería (o framework, como queráis llamarlo) llena de funciones que nos harán la vida más fácil, ya que nos ahorran mucho código y encima son compatibles con todos los navegadores, un sueño hecho realidad, vamos.
Lo primero que tenemos que hacer para poder utilizar este framework es llamarlo, para eso podemos utilizar la Api de bibliotecas Ajax de Google así no hará falta que subamos la librería a nuestro servidor y podemos tener la tranquilidad de que siempre estará disponible.
Sobra decir que con el código anterior podemos cargar cualquier otra librería, e incluso indicar otra versión de ésta a utilizar.
La función principal de JQuery es la función dolar, que sería algo así como un atajo a la función document.getElementById(); pero mejorado, ya que podemos seleccionar elementos con múltiples opciones:
$('p'); //seleccionamos todos los párrafos
$('p.texto'); //seleccionamos solo los párrafos que tengan la clase .texto
$('div:hidden'); //seleccionamos todos los divs ocultos
Aquí podéis ver una lista completa de los selectores que podemos utilizar, tenéis que echarle un vistazo a la documentación de la página oficial, aunque está en inglés nos puede servir de mucha ayuda.
Y bueno, para no alargarme mucho más con este artículo os voy a dejar un ejemplo práctico para que comprobéis lo fácil que resulta trabajar con jquery:
//al cargar el html oculto el elemento con id="submenu"
$(document).ready( function(){
$("#submenu").hide();
});
//creo una función que muestre #submenu cuando pase el ratón por encima de #menu
//y vuelva a ocultar #submenu cuando salga del área de #menu
$(function(){
$('#menu').hover(function(){
$("#submenu").show();
}, function(){
$("#submenu").hide();
});
});
Y listo, con esto ya tendríamos la base para un menú desplegable por ejemplo ¿A que es fácil? 
'
}
