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.
¿Para qué sirve el método slideDown()?
.
Sirve para mostrar un elemento oculto deslizándolo
¿Cuál es la sintaxis del método slideDown() y cuáles son sus parámetros?
$(selector).slideDown(speed,callback);
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que slideDown() termina.
¿Para qué sirve el método slideUp()?
Sirve para ocultar un elemento visible deslizándolo.
¿Cuál es la sintaxis del método slideUp() y cuáles son sus parámetros?
$(selector).slideUp(speed,callback);
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que slideUp() termina.
¿Para qué sirve el método slideToggle()?
Sirve para alternar entre slideUp y slideDown.
¿Cuál es la sintaxis del método slideToggle() y cuáles son sus parámetros?
$(selector).slideToggle(speed,callback);
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que slideToggle() termina.
¿Cuál es la sintaxis para agregar varios manejadores de eventos a un elemento con el método on?
$(selector).on( { evento1: function (){...} }, ... { eventoN: function (){...} } );
¿Para qué sirve el método animate()?
Sirve para crear animaciones personalizadas.
¿Cuál es la sintaxis del método animate y cuáles son sus parámetros?
$(selector).animate({params},speed,callback);
Params: obligatorio, es una lista con las propiedades CSS para hacer la animación.
speed: opcional, valores: fast, slow o milisegundos
callback: opcional, es una función que se dispara luego de que animate() termina.
¿Cómo se deben escribir las propiedades en el método animate?
Debe usarse la notación Camel, ejemplos: paddingLeft en lugar de padding-left.
¿Cómo se puede animar con colores en jQuery?
Debemos descargar un plugin.
¿Cómo se utilizan los valores relativos en las propiedades del método animate?
Se usan los operadores: += y -=
¿Cómo puedes mostrar u ocultar un elemento luego de que termina la animación?
Podemos usar hide, show o toggle como valor de la propiedad CSS.
¿Cómo se llama la funcionalidad de jQuery que ejecuta una animación después de otra?
Queue Functionality
¿Para qué sirve el método stop()?
Para detener efectos y animaciones.
¿Cuál es la sintaxis básica del método stop() y cuáles son sus parámetros?
$(selector).stop(stopAll, goToEnd);
stopAll: opcional, indica si el resto de animaciones también debe detenerse. Su valor default es false.
goToEnd: opcional, indica si la animación actual debe ser detenida antes de que finalice. Su valor default es false.
¿Cuándo se ejecuta una función callback?
Cuando termina de ejecutarse un efecto.
¿Para qué sirve una callback function?
Para prevenir que se ejecute código antes de que un efecto termine.
¿En qué consiste el Chaining?
Es una técnica que consiste en ejecutar una serie de métodos sobre un elemento con una sentencia sencilla. Así, el navegador no tiene que buscar al elemento más de una vez.
¿Cuál es la sintaxis para el Chaining?
Cada método seguido del otro, en una misma línea y separados por un punto. Se pueden usar saltos de línea y tabuladores.
¿Para qué sirve el método text()?
Obtiene o establece el contenido de texto de los elementos seleccionados.
¿Para qué sirve el método html()?
Obtiene o establece el contenido de los elementos seleccionados incluyendo las etiquetas HTML.
¿Para qué sirve el método val()?
Obtiene o establece el valor de los campos seleccionados.
¿Cuál es la sintaxis y para qué sirve la función callback de los métodos: text(), html() y val()?
$(selector).método(function(i, origText){ //Código aquí });
i: es el índice del elemento.
origText: texto original del elemento.
¿Para qué sirve el método attr()?
Sirve para obtener o establecer el valor de un atributo.
¿Cuál es la sintaxis del método attr()?
$(selector).attr(
{atributo1: valor1,
…
atributoN: valorN});
¿Cuál es la sintaxis y para qué sirve la función callback del método attr()?
$(selector).attr(atributo, function(i, origValue){ //Código aquí });
atributo: nombre del atributo
i: es el índice del elemento.
origValue: valor original del atributo.
Sirve para regresar el nuevo valor del atributo.
¿Para qué sirve el método append()?
Para agregar contenido al final del elemento seleccionado.
¿Para qué sirve el método prepend()?
Para agregar contenido al principio del elemento seleccionado.
¿Para qué sirve el método before()?
Para agregar contenido antes del elemento seleccionado.
¿Para qué sirve el método after()?
Para agregar contenido después del elemento seleccionado.
¿Para qué sirve el método remove()?
Para eliminar el elemento seleccionado y todos sus hijos.
¿Para qué sirve el método empty()?
Para eliminar los hijos del elemento seleccionado.
¿Para qué sirve el parámetro del método remove()?
Sirve para especificar los elementos a ser eliminados. Su valor es cualquier selector jQuery.
¿Para qué sirve el método addClass() y cómo se pueden agregar varias clases?
Sirve para agregar clases CSS y se deben separar por un espacio en blanco cuando son más de una.
¿Para qué sirve el método removeClass()?
Sirve para remover clases CSS.
¿Para qué sirve el método toggleClass()?
Alterna entre addClass y removeClass.
¿Para qué sirve el método css ()?
Sirve para establecer las propiedades del atributo style.
¿Cuál es la sintaxis para obtener el valor de una propiedad CSS?
$(selector).css(propiedad);
¿Cuál es la sintaxis para establecer el valor de una propiedad CSS?
$(selector).css(propiedad, valor);
¿Cuál es la sintaxis para establecer varias propiedades CSS?
$(selector).css({propiedad:valor, …, propiedadN: valorN});
¿Para qué sirve el método height?
Obtiene o establece la altura del elemento seleccionado sin considerar el padding, border ni margin.
¿Para qué sirve el método width?
Obtiene o establece el ancho del elemento seleccionado sin considerar el padding, border ni margin.
¿Para qué sirve el método innerHeight?
Obtiene la altura del elemento considerando el padding.
¿Para qué sirve el método innerWidth?
Obtiene el ancho del elemento considerando el padding.
¿Para qué sirve el método outerHeight?
Obtiene la altura del elemento considerando el padding y border.
¿Para qué sirve el método outerWidth?
Obtiene el ancho del elemento considerando el padding y border.
¿Para qué sirve el método outerHeight con un parámetro igual a true?
Obtiene la altura del elemento considerando el padding, border y margin.
¿Para qué sirve el método outerWidth con un parámetro igual a true?
Obtiene el ancho del elemento considerando el padding, border y margin.
¿Qué es traversing?
Significa moverse a través y se usa para encontrar o seleccionar elementos HTML con base en su relación con otros elementos.
¿Cómo se hace el traversing?
Aplicamos un selector y, a partir de ahí, nos movemos hasta alcanzar a los elementos deseados.
¿Para qué sirve el método parent?
Para obtener al padre del elemento seleccionado. Solamente va un nivel hacia arriba de los ancestros.
¿Para qué sirve el método parents y cuáles son sus parámetros?
Sirve para obtener todos los ancestros de un elemento, hasta llegar al elemento raíz html.
Si le pasamos el tipo de elemento, nos dará todos los ancestros de ese tipo. El parámetro es opcional.
¿Para qué sirve el método parentsUntil y cuáles son sus parámetros?
Sirve para obtener los ancestros, desde el elemento actual hasta el que le pasemos como parámetro.
¿Para qué sirve el método children y cuáles son sus parámetros?
Sirve para obtener a los hijos directos del elemento seleccionado.
Tiene un parámetro opcional para filtrar a los elementos hijos a obtener.
¿Para qué sirve el método find y cuáles son sus parámetros?
Sirve para obtener a todos los elementos descendientes del elemento seleccionado.
Su parámetro obligatorio, sirve para filtrar a los elementos a buscar.
¿Para qué sirve el parámetro con valor igual a * en el método find?
Sirve para obtener a todos los descendientes del elemento seleccionado.
¿Para qué sirve el método siblings y cuáles son sus parámetros?
Sirve para obtener a todos los hermanos del elemento seleccionado.
Su parámetro opcional filtra a los elementos a buscar.
¿Para qué sirve el método next?
Sirve para obtener el siguiente hermano a partir del elemento seleccionado.
¿Para qué sirve el método nextAll?
Sirve para obtener a todos los hermanos siguientes a partir del elemento seleccionado.
¿Para qué sirve el método nextUntil?
Sirve para obtener todos los hermanos siguientes entre el elemento seleccionado y el filtro pasado como parámetro.
¿Para qué sirve el método prev?
Sirve para obtener al hermano anterior a partir del elemento seleccionado.
¿Para qué sirve el método prevAll?
Sirve para obtener a todos los hermanos anteriores a partir del elemento seleccionado.
¿Para qué sirve el método prevUntil?
Sirve para obtener todos los hermanos anteriores entre el elemento seleccionado y el filtro pasado como parámetro.
¿Para qué sirve el método first?
Obtiene el primer resultado del selector aplicado.
¿Para qué sirve el método last?
Obtiene el último resultado del selector aplicado.
¿Para qué sirve el método eq?
Obtiene el elemento por índice del resultado del selector aplicado. El índice inicia en cero.
¿Para qué sirve el método filter?
Obtiene los elementos que empaten con el filtro pasado como parámetro.
¿Para qué sirve el método not?
Obtiene los elementos que no empaten con el filtro pasado como parámetro.
¿Qué significa AJAX?
Asynchronous JavaScript and XML.
¿Qué podemos hacer con los métodos jQuery AJAX?
Podemos solicitar datos en formato: texto, HTML, XML o JSON; desde un servidor remoto, usando métodos Get y Post para cargarlos directamente dentro de los elementos HTML de una página web.
¿Cuál es la ventaja principal de usar jQuery AJAX?
La ventaja principal es que no nos debemos preocupar por que nuestro código AJAX sea compatible entre los navegadores web.
¿Para qué sirve el método load?
Sirve para obtener datos desde el servidor y cargarlos en el elemento seleccionado.
¿Cuál es la sintaxis del método load y cuáles son sus párametros?
$(selector).load(URL, data, callback);
URL: requerido, es la URL de los datos a cargar. Es posible aplicar un selector para obtener partes específicas del contenido del archivo.
data: opcional, es un conjunto de parámetros a enviar en el querystring que se enviarán en la URL.
callback: opcional, es la función callback a ser ejecutada una vez que los datos terminen de cargarse.
¿Cuál es la sintaxis de la función callback del método load y cuáles son sus parámetros?
function(responseTxt, statusTxt, xhr){ // Código aquí }
responseTxt: contiene el resultado si la llamada es exitosa.
statusTxt: contiene el estatus de la llamada (success, error).
xhr: es el objeto XMLHttpRequest (xhr.status, xhr.statusText, etc.).
¿Para qué sirve el método get?
Sirve para pedir datos desde el servidor usando una petición HTTP GET.
¿Cuál es la sintaxis del método get y cuáles son sus párametros?
$.get(URL, callback);
URL: requerido, es la URL de la petición.
callback: opcional, es la función callback a ser ejecutada una vez que la petición GET finalice.
¿Cuál es la sintaxis de la función callback del método get y cuáles son sus parámetros?
function(data, status){ // Código aquí }
data: maneja el contenido de la página solicitada.
status: maneja el estatus de la petición.
¿Cuál es la sintaxis del método post y cuáles son sus párametros?
$.post(URL,data,callback);
URL: requerido, es la URL de la petición.
data: opcional, específica los datos a ser enviados en la petición, en formato JSON.
callback: opcional, es la función callback a ser ejecutada una vez que la petición POST finalice.
¿Cuál es la sintaxis de la función callback del método post y cuáles son sus parámetros?
function(data, status){ // Código aquí }
data: maneja el contenido de la página solicitada.
status: maneja el estatus de la petición.
¿Para qué sirve el método post?
Sirve para pedir datos desde el servidor usando una petición HTTP POST.
¿Para qué sirve el método ajax?
Sirve para hacer peticiones AJAX. Todos los métodos jQuery AJAX lo usan. La idea es usarlo donde los demás métodos no se puedan usar.
¿Cuál es la sintaxis del método ajax?
$.ajax({name:value, name:value, … });
¿Para qué sirve el método ajaxSetup?
Sirve para establecer las propiedades default que tomarán las futuras peticiones AJAX.
¿Cuál es la sintaxis del método ajaxSetup?
$.ajaxSetup({name:value, name:value, … });
¿Para qué sirve el método getJSON?
Sirve para obtener datos JSON desde el servidor usando AJAX HTTP GET.
¿Cuál es la sintaxis del método getJSON?
$(selector).getJSON(url,data,success(data,status,xhr))
¿Para qué sirve el método getScript?
Sirve para obtener código JavaScript desde el servidor usando AJAX HTTP GET.
¿Cuál es la sintaxis del método getScript?
$.getScript(url,success(response,status))
¿Para qué sirve el método param?
Crea un representación serializada de un array o un objeto que puede ser usada en el QueryString cuando se hace una petición AJAX.
¿Cuál es la sintaxis del método param y cuáles son sus parámetros?
$.param(object,trad)
object: requerido, arreglo u objeto a serializar.
trad: opcional, booleano que indica si se debe usar el stilo tradicional de serialzación.
¿Para qué sirve el método ajaxComplete?
Especifica una función a ser ejecutada cuando la petición AJAX finalice.
¿Cuál es la sintaxis del método ajaxComplete?
$(document).ajaxComplete(function(event,xhr,options))
¿Cuál es la sintaxis del método ajaxError y cuáles son sus parámetros?
$(document).ajaxError(function(oEvento, oXMLHTTPRequest, oOpciones, sExcepcion))
oEvento: objeto event
oXMLHTTPRequest: objeto XMLHTTPRequest
oOpciones: opciones usadas en la petición AJAX
sExcepcion: objeto de la excepción
¿Para qué sirve el método ajaxSend?
Sirve para especificar una función para ejecutarla cuando una solicitud AJAX está a punto de enviarse.
¿Cuál es la sintaxis del método ajaxSend y cuáles son sus parámetros?
$(document).ajaxSend(function(event,xhr,options))
Incluye un parámetro que es una función con los parámetros siguientes:
event: objeto event, opcional.
xhr: objeto XMLHTTPRequest, opcional.
options: opciones usadas en la petición AJAX, opcional.
¿Para qué sirve el método ajaxStart?
Sirve para especificar una función que se ejecutará cuando una petición AJAX inicie.
¿Cuál es la sintaxis del método ajaxStart y cuáles son sus parámetros?
$(document).ajaxStart(function())
Incluye un parámetro que es una función.
¿Para qué sirve el método ajaxStop?
Sirve para especificar una función que se ejecutará cuando todas las peticiones AJAX hayan terminado.
¿Cuál es la sintaxis del método ajaxStop y cuáles son sus parámetros?
$(document).ajaxStop(function())
Incluye un parámetro que es una función.
¿Cuál es la sintaxis del método ajaxSuccess y cuáles son sus parámetros?
$(document).ajaxSuccess(function(event,xhr,options,data))
event: objeto event, opcional.
xhr: objeto XMLHTTPRequest, opcional.
options: opciones usadas en la petición AJAX, opcional.
data: datos enviados en la petición, opcional.
¿Para qué sirve el método ajaxSuccess?
Sirve para especificar una función que se ejecutará cuando una petición AJAX se haya completado correctamente.
¿Cuál es la sintaxis del método ajaxSuccess y cuáles son sus parámetros?
$(document).ajaxSuccess(function(event,xhr,options,data))
event: objeto event, opcional.
xhr: objeto XMLHTTPRequest, opcional.
options: opciones usadas en la petición AJAX, opcional.
data: datos enviados en la petición, opcional.
¿Para qué sirve el método serialize?
Sirve para obtener una cadena de texto codificada para serializar los valores de un formulario.
Estos valores serán utilizados en el QueryString de la petición AJAX.
¿Cuál es la sintaxis del método serialize y cuáles son sus parámetros?
$(selector).serialize()
Este método no utiliza parámetros.
¿Para qué sirve la propiedad async del método ajax y cuál es su valor default?
Indica si la petición AJAX va a ser asíncrona o no. El valor default es true.
¿Para qué sirve el evento beforeSend del método ajax?
Es una función callback usada para modificar el objeto XMLHTTPRequest a ser enviado. Si se regresa false la petición AJAX se cancela.
¿Para qué sirve la propiedad cache del método ajax y cuál es su valor default?
Indica si la página solicita quedará en caché. El valor default es true.
¿Para qué sirve el evento complete del método ajax y cuáles son sus parámetros?
Es una función o arreglo de funciones a ejecutarse una vez que la petición AJAX finaliza (luego se ejecutan los eventos success y error).
XMLHTTPRequest: objeto XMLHTTPRequest.
textStatus: devuelve el estatus de la petición, valores: “success”, “notmodified”, “nocontent”, “error”, “timeout”, “abort”, or “parsererror”.
¿Para qué sirve la propiedad contentType del método ajax y cuál es su valor default?
Puede ser booleano o string, indica el tipo de datos enviados en la petición AJAX. El valor default es: ‘application/x-www-form-urlencoded; charset=UTF-8’.
¿Para qué sirve la propiedad crossDomain del método ajax y cuál es su valor default?
Es un valor booleano que indica si la petición AJAX es de un dominio diferente o no. El valor default es false.
¿Para qué sirve la propiedad data del método ajax?
Son los datos a ser enviados en la petición AJAX, su tipo puede ser uno de los siguientes: objeto, cadena o arreglo.
¿Para qué sirve la propiedad dataType del método ajax?
Establece el tipo de dato que esperamos obtener del servidor. Si no se especifica se toma el tipo MIME de la respuesta
¿Para qué sirve la propiedad dataType del método ajax?
Establece el tipo de dato que esperamos obtener del servidor. Si no se especifica se toma el tipo MIME de la respuesta.
¿Cuáles son los tipos de dato disponibles para la propiedad dataType del método ajax?
xml, html, script, json, jsonp, text o combinaciones entre ambos como conversión de datos.
¿Para qué sirve el evento error del método ajax y cuáles son sus parámetros?
Es una función a ser invocada en caso de una falla en la petición AJAX.
jqXHR: objeto XMLHttpRequest.
textStatus: string con el estatus del error: “timeout”, “error”, “abort”, and “parsererror”.
errorThrown: string con el estatus HTTP del error: “Not Found” or “Internal Server Error”.
¿Para qué sirve la propiedad global del método ajax?
Sirve para desactivar los handlers globales (ajaxStart, ajaxStop) para la petición AJAX actual.
¿Para qué sirve la propiedad headers del método ajax?
Sirve para establecer los headers de la petición HTTP de la petición AJAX actual.
¿Para qué sirve la propiedad method del método ajax?
Es un string para establecer el método HTTP a usar en la petición AJAX: “POST”, “GET”, “PUT”.
¿Para qué sirve la propiedad mimeType del método ajax?
Establece el tipo MIME para la petición AJAX.
¿Para qué sirve la propiedad password del método ajax?
Establece la contraseña para la autenticación HTTP.
Para qué sirve la propiedad statusCode del método ajax?
Es un objeto de códigos numéricos y funciones para manejar los diferentes códigos HTTP.
¿Para qué sirve el método success del método ajax y cuáles son sus parámetros?
Es una función que se ejecuta cuando la petición AJAX finaliza correctamente.
data: son los datos obtenidos desde el servidor con base en dataType.
textStatus: el estatus de la petición AJAX.
jqXHR: objeto XMLHttpRequest.
¿Para qué sirve la propiedad timeout del método ajax?
Establece el tiempo de respuesta (en milisegundos) de la petición AJAX. Igual a cero indica que no hay timeout.
¿Para qué sirve la propiedad url del método ajax?
String con la URL a la que se hará la petición AJAX.
¿Para qué sirve la propiedad username del método ajax?
Establece el usuario para la autenticación HTTP.
¿Para qué sirve el método noConflict()?
Permite que otros scripts (frameworks) puedan utilizar el shortcut $ de jQuery y que éste siga funcionando usando su nombre completo: jQuery.
¿Cómo podemos hacer nuestro propio shortcut para jQuery?
El método noConflict() devuelve una referencia a jQuery que podemos guardar en una variable y usar ésta como shortcut.
var jq = $.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("jQuery is still working!"); }); });
¿Cómo podemos evitar cambiar el shortcut $ por uno nuevo dentro del método ready?
Pasando como parámetro de la función ready el shortcut $ sin comillas.
¿Cuáles son las mejores prácticas de optimización de código en jQuery?
- Cargar los scripts cuando sean necesarios usando $.getScript().
- Evitar el uso de window.load() utilizando $(document).ready().
- Usar detach() para eliminar elementos del DOM que necesitaron ser cambiados.
- Usar css() en lugar de height() and width().
- No acceder a las propiedades del layout si no es necesario.
- Hacer uso de la caché donde sea posible.
¿Para qué sirve el método when()?
Sirve para ejecutar funciones callback basadas en uno o más objetos como eventos asíncronos. Si no se pasa ningún parámetro, la función callback se ejecuta inmediatamente. En caso de varios objetos, se unen primero en un objeto master y hasta que todas las peticiones se resuelven se ejecuta la función callback.
¿Qué es event.target?
Es el elemento DOM que inició el evento.
¿Para qué sirve el método ajaxSuccess?
Sirve para especificar una función que se ejecutará cuando una petición AJAX se haya completado correctamente.