jQuery Flashcards
Dominar jQuery
¿Qué es jQuery?
Es una librería para simplificar y facilitar el uso JS, principalmente Ajax y el manejo del DOM.
¿Cuáles son sus características?
HTML/DOM manipulation CSS manipulation HTML event methods Effects and animations AJAX Utilities
¿Cómo agregar jQuery en una página Web?
Descargar la librería de jquery.com
Incluirlo desde la CDN
¿Qué significa CDN?
Content Delivery Network
¿Cuántos tipos de versiones hay para su descarga y para qué sirven?
Producción: simplificada y comprimida.
Desarrollo: descomprimida y legible.
¿Por qué es mejor usar jQuery desde la CDN de Google?
Porque la mayoría de usuarios ya la tiene descargada de algún sitio que haya visitado y Googl usa el servidor más cercano al usuario para descargarlo, haciendo más rápido su uso.
¿Cuál es la sintaxis básica de jQuery y cuáles son sus partes?
$(selector).action()
$ define o accede a jQuery
(selector) consulta con sintaxis CSS para obtener elementos HTML
action() acción a realizar sobre los elementos encontrados
¿Para qué sirve el método ready() del elemento document?
Para prevenir que se ejecute código JS antes de que se termine de cargar la página.
¿Cuáles son las dos sintaxis del método ready() del elemento document?
$(document).ready(function (){ // Código aquí });
$(function (){ // Código aquí });
¿Cuál es la sintaxis básica para implementar un evento?
$(selector).evento(function(){ // Código aquí });
¿Cómo se implementa el evento hover?
Necesita dos funciones, la primera se ejecuta cuando el ratón está sobre el elemento y la otra cuando el ratón se va del elemento.
¿Qué hace el método on?
Agrega uno o varios manejadores de eventos a un elemento.
¿Cuál es la sintaxis del evento hide y explica sus parámetros?
$(selector).hide(speed,callback);
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que el evento termina.
¿Cuál es la sintaxis del evento show y explica sus parámetros?
$(selector).show(speed,callback);
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que el evento termina.
¿Para qué sirve el método toggle?
Para mostrar un elemento oculto u ocultar al elemento.
¿Cuál es la sintaxis de la función toggle y cuáles son sus parámetros?
$(selector).toggle(speed,callback);
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que toggle termina.
¿Para qué sirve el método fadeIn?
.
Se usa para mostrar poco a poco un elemento oculto
¿Cuál es la sintaxis del método fadeIn y cuáles son sus parámetros?
$(selector).fadeIn(speed,callback);
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que fadeIn termina.
¿Para qué sirve el método fadeOut?
Se usa para ocultar poco a poco un elemento visible.
¿Cuál es la sintaxis del método fadeOut y cuáles son sus parámetros?
$(selector).fadeOut(speed,callback);
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que fadeOut termina.
¿Para qué sirve el método fadeToggle()?
Se usa para mostrar poco a poco un elemento visible o mostrarlo si está oculto.
¿Cuál es la sintaxis del método fadeToggle() y cuáles son sus parámetros?
$(selector).fadeToggle(speed,callback);
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que fadeToggle() termina.
¿Para qué sirve el método fadeTo()?
Se usa para desvanecer poco a poco un elemento hasta el valor de opacidad dado.
¿Cuál es la sintaxis del método fadeTo() y cuáles son sus parámetros?
$(selector).fadeTo(speed,opacity,callback);
speed: requerido, valores: fast, slow o milisegundos
Opacity: requerido, valor entre 0 y 1, indica el valor de la opacidad a alcanzar.
callback: opcional, es una función que se dispara luego de que fadeTo() termina.