JQUERY

jQuery, al igual que otras librerías, ofrece una serie de funcionalidades basadas en Javascript que de otra manera requerirían de mucho más código. Es decir, con las funciones propias de esta librería se logran grandes resultados en menos tiempo y espacio.

Que es … 

 jQuery es un framework  Javascript, son unas librerías de código que contienen procesos o rutinas ya listos para usar. Los programadores utilizan los frameworks para no tener que desarrollar ellos mismos las tareas más básicas, puesto que en el propio framework ya hay implementaciones que están probadas, funcionan y no se necesitan volver a programar. sirve como base para la programación avanzada de aplicaciones, que aporta una serie de funciones o códigos para realizar tareas habituales.

COMO FUNCIONA

Es muy utilizada por las grandes web y los efectos que podemos lograr con esta librería sin impresionantes. Hoy les voy a explicar qué es Jquery, y posteriormente les explicaré algunos efectos que podemos lograr en nuestros blogs con esta librería.

Una de las principales características de Jquery es que casi todos los efectos que podemos realizar tienen efecto deslizante o efecto opacidad, lo cual hace a nuestros blogs más elegantes y les da un toque de profesionalidad, según como lo estemos utilizando.

En otras palabras, Jquery es una librería de efectos con la cual podemos lograr efectos impresionantes y geniales para nuestro blog.

Todos los scripts de Jquery, necesitan de una llamada. Esta llamada debe ser colocada una sola vez en el blog, si ya la tenemos colocada podremos hacer todos los efectos que queramos con tan solo incluir el efecto de cada efecto.

CARACTERISTICAS..

Listemos algunas de las caracteristicas por la cuál muchos programadores web optan por escoger esta herramienta de trabajo.

    DOM interactividad y modificaciones, (incluyendo soporte para CSS 1-3 y un Plugin Básico              de XPath)

    Eventos

    Efectos y Animaciones

    Ajax

    Extensibilidad

    Plugins Javascript

Código de programación JQUER

COLOCA EL MAUSE Y MIRA LOQUE PASA

Y<div id="capa" style="padding: 10px; background-color: #ff8800;">Pon el ratón encima de esta capa</div>

<br>
<div id="mensaje" style="display: none;">Has puesto el ratón encima!! <br>(Ahora quítalo de la capa)</div>

Ahora vamos a tener un código Javascript con jQuery que defina los eventos del usuario, para cuando sitúa el ratón dentro o fuera de la primera capa.

$("#capa").mouseenter(function(evento){
   $("#mensaje").css("display", "block");
});
$("#capa").mouseleave(function(evento){
   $("#mensaje").css("display", "none");
});

De esta sencilla manera, hemos creado dos eventos en el DIV con id="capa". Además, hemos definido el código de los eventos por medio de funciones, que se encargarán de mostrar o ocultar la segunda capa con id="mensaje".

$("#mensaje").css("display", "block");

Esto nos selecciona la capa con id "mensaje" y con el método css() indicamos que queremos cambiar el atributo "display" al valor "block" de ese elemento.

$("#mensaje").css("display", "none");

Esta otra línea muy similar, simplemente cambia el "display" a "none" para ocultar el elemento.