JQuery
jQuery, al igual que otras bibliotecas, 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 biblioteca se logran grandes resultados en menos tiempo y espacio.
USO
jQuery consiste en un único fichero JavaScript que contiene las funcionalidades comunes de DOM, eventos, efectos y AJAX.
La característica principal de la biblioteca es que permite cambiar el contenido de una página web sin necesidad de recargarla, mediante la manipulación del árbol DOM y peticiones AJAX. Para ello utiliza las funciones
$() o jQuery().Funcionamiento de jQuery
jQuery utiliza la programación orientada a objetos de javascript para crear nuevos objetos, los cuales tienen a su vez propiedades y métodos que son los que crean una nueva manera de programar.
El principal objeto utilizado es el objeto jQuery(), el cual podemos escribirlo también de manera abreviada: $().
Este objeto actúa directamente sobre los elementos de la página (elementos del DOM), seleccionándolos y mitificándolos con sus métodos y propiedades.
Dentro del paréntesis, el objeto admite varios parámetros, el primero de ellos indicará el lugar de la página o elemento que queremos modificar, por ejemplo $("h1"), nos indicará que queremos modificar todos los elementos de título 1 (con html <h1> ...</h1>).
a partir de ahi le añadimos al código las propiedades o métodos que indiquen lo que queremos hacer con este elemento o elementos, o también podemos indicárselo mediante una función.
LIBRERÍAS
accounting.js
Esta librería ligera de JavaScript resolverá los problemas que se te presenten cuando quieras formatear números, dinero y monedas. Incluye la posibilidad de mostrar los datos en columnas tipo Excel separando símbolos con números. Tus informes se verán mucho más uniformes y profesionales.
moment.js: formatea fechas
Moment.js te permitirá formatear, analizar y manipular fechas. Podrás calcular fechas a partir de una fecha dada, visualizar las fechas en distintos formatos...
Smart Time Ago
Esta librería jQuery nos permitirá actualizar con mucha facilidad aquellas marcas de tiempo que creemos en nuestro documento.
sortByTimeAgo.js
Pequeña librería para hacer arrays de objetos con propiedades TimeAgo, se ordenaran de las más nuevas a las más viejas.
Piecon
Librería JavaScript que creará de manera dinámica una barra de progreso en la zona del Favicon y nos mostrará el progreso de la carga de la web.
jQuery Stick´em
A veces nos encontramos que una imagen es demasiado grande y si queremos leer la descripción tenemos que hacer "scroll" hacia arriba. Con este plugin jQuery podrás 'pegar' el contenido que quieras a la barra del scroll para tenerlo siempre visible.
Countdown.js
Con este script podrás calcular cuentas atrás, temporizar tiempo y poder controlar cualquier reloj.
Geolib
Pequeña librería que nos ayudará a obtener funciones de localización como poder calcular la distancia entre dos ciudades, conversión de coordenadas decimales a sexagesimal y viceversa.
Cookies
Cookies es una pequeña librería JavaScript para el lado cliente que nos ayudará a manejar de forma sencilla las cookies que generemos. Captura los valores de las cookies para hacer una rápida lectura secuencial, soporta la carga de AMD/CommonJS y funciona en todos los navegadores, incluso Internet Explorer 6.
firstImpression.js
Infima librería (1kb) que nos indicará si un usuario ha visitado o no con anterioridad nuestra web. La mayoría del código es tan solo código plano portado del plugin jQuery.cookie
SimplyWeather
Simple plugin jQuery que nos mostrará la información del tiempo de la ciudad que escojamos, los datos son tomados del feed de Yahoo.
zip.js
Librería JavaScript para poder comprimir y descomprimir largos archivos en formato zip, hasta 4GB con la API File Writter. Funciona en Chrome, Firefox, Safari 6 y Internet Explorer 10. Para Safari 5 e IE9 deberás deshabilitar los "Web Workers" y usar "Typed array Polifill", en la documentación del plugin encontrarás toda la info para usarlo.
String.js
Librería que nos provee métodos extra para los String como normalizar el texto de strings y manipularlos.
EFECTOS EN JQuery
CODIGO JQuery
$(function(){
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
No hay comentarios:
Publicar un comentario