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 modificá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>).
Este objeto actúa directamente sobre los elementos de la página (elementos del DOM), seleccionándolos y modificá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 ahí 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.
LIBRERIAS DE JQUERY
- Snap.svg:
SVG es una excelente manera de
crear gráficos vectoriales interactivos independientes de la
resolución que se ven muy bien en cualquier tamaño de pantalla. Y la
biblioteca Snap.svg JavaScript hace que trabajar con sus activos SVG tan
fácil como jQuery trabaja con el DOM.
- Flowtype.js: Idealmente,
la tipografía más legible contiene entre 45 y 75 caracteres por
línea. Esto es difícil de lograr para todos los anchos de pantalla
con sólo CSS. FlowType.JS alivia esta dificultad al cambiar el tamaño
de fuente y, posteriormente, el line-height-basado en el ancho de un
elemento específico. Esto permite un número de caracteres por línea
perfecta en cualquier ancho de la pantalla.
- Smart
Time Ago: Esta librería nos
permitirá actualizar con mucha facilidad aquellas marcas de tiempo que
creemos en nuestro documento. Smart time nos ayudará a calcular el tiempo
transcurrido desde la fecha estipulada hasta el momento actual, la
actualización del tiempo se hace cada 60 segundos y se puede usar tanto
como plugin jQuery como en nodo desde npm (node packaged modules) para node.js.
- 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.
- Jvectormap: Podrás reproducir mapas de vectores hechos en SVG y VML
tanto en los navegadores más antiguos como en los más modernos.
- JQUERI
UI: Es
una biblioteca de
componentes para el framework jQuery que le añaden un conjunto de plug-ins,widgets y efectos visuales para la creación de
aplicaciones web.
- Slideme:
Responsive, css3, compatible
(funciona bien incluso con IE7), personalizable y fácil de instalar,
multi-instancia, a pantalla completa, rapido, potente slideshow plugin
para jQuery.
- Tabslet: plugin de jQuery para pestañas con algunas
características adicionales como eventos personalizados, la rotación y la
animación.
- Maplace.js:
Pequeño jQuery plugin para
google maps.
- Scrolld.js:
Proporciona un método para el
desplazamiento de alta precisión para los diseños de pixel perfecto y navegación
utiliando valores de datos actualizados en tiempo real.
- Single
Scroll Page: Una página de
desplazamiento permite transformar su sitio web en una página web de
desplazamiento a una página que permite a los usuarios desplazarse de una
página a la vez.
- jQuery
Grindly: Permite arrastrar
y soltar, así como el cambio de tamaño en cuadriculas.
- JResponsive: Permite añadir un diseño Responsive a cualquier página
o elemento, personalizar el diseño de la manera deseada, con o sin la
parte superior, derecha, inferior izquierda o navegaciones.
- Salvattore:
Distribuye sus artículos de
grilla de acuerdo con el número de columnas que se especifiquen. Cada
uno de los artículos se coloca dentro de estas columnas, una por una.
- jQuery
Scrollnav: Permite crear un menú
de navegación de desplazamiento lateral.
0 comentarios:
Publicar un comentario