jQuery Flashcards

Dominar jQuery

1
Q

¿Qué es jQuery?

A

Es una librería para simplificar y facilitar el uso JS, principalmente Ajax y el manejo del DOM.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

¿Cuáles son sus características?

A
HTML/DOM manipulation
CSS manipulation
HTML event methods
Effects and animations
AJAX
Utilities
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

¿Cómo agregar jQuery en una página Web?

A

Descargar la librería de jquery.com

Incluirlo desde la CDN

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

¿Qué significa CDN?

A

Content Delivery Network

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

¿Cuántos tipos de versiones hay para su descarga y para qué sirven?

A

Producción: simplificada y comprimida.

Desarrollo: descomprimida y legible.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

¿Por qué es mejor usar jQuery desde la CDN de Google?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

¿Cuál es la sintaxis básica de jQuery y cuáles son sus partes?

A

$(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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

¿Para qué sirve el método ready() del elemento document?

A

Para prevenir que se ejecute código JS antes de que se termine de cargar la página.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

¿Cuáles son las dos sintaxis del método ready() del elemento document?

A
$(document).ready(function (){
// Código aquí
});
$(function (){
// Código aquí
});
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

¿Cuál es la sintaxis básica para implementar un evento?

A
$(selector).evento(function(){
// Código aquí
});
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

¿Cómo se implementa el evento hover?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

¿Qué hace el método on?

A

Agrega uno o varios manejadores de eventos a un elemento.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

¿Cuál es la sintaxis del evento hide y explica sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

¿Cuál es la sintaxis del evento show y explica sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

¿Para qué sirve el método toggle?

A

Para mostrar un elemento oculto u ocultar al elemento.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

¿Cuál es la sintaxis de la función toggle y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

¿Para qué sirve el método fadeIn?

.

A

Se usa para mostrar poco a poco un elemento oculto

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

¿Cuál es la sintaxis del método fadeIn y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

¿Para qué sirve el método fadeOut?

A

Se usa para ocultar poco a poco un elemento visible.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

¿Cuál es la sintaxis del método fadeOut y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

¿Para qué sirve el método fadeToggle()?

A

Se usa para mostrar poco a poco un elemento visible o mostrarlo si está oculto.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

¿Cuál es la sintaxis del método fadeToggle() y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

¿Para qué sirve el método fadeTo()?

A

Se usa para desvanecer poco a poco un elemento hasta el valor de opacidad dado.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

¿Cuál es la sintaxis del método fadeTo() y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

¿Para qué sirve el método slideDown()?

.

A

Sirve para mostrar un elemento oculto deslizándolo

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

¿Cuál es la sintaxis del método slideDown() y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

¿Para qué sirve el método slideUp()?

A

Sirve para ocultar un elemento visible deslizándolo.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

¿Cuál es la sintaxis del método slideUp() y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

¿Para qué sirve el método slideToggle()?

A

Sirve para alternar entre slideUp y slideDown.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

¿Cuál es la sintaxis del método slideToggle() y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

¿Cuál es la sintaxis para agregar varios manejadores de eventos a un elemento con el método on?

A
$(selector).on(
{
evento1: function (){...}
},
...
{
eventoN: function (){...}
}
);
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

¿Para qué sirve el método animate()?

A

Sirve para crear animaciones personalizadas.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q

¿Cuál es la sintaxis del método animate y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

¿Cómo se deben escribir las propiedades en el método animate?

A

Debe usarse la notación Camel, ejemplos: paddingLeft en lugar de padding-left.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q

¿Cómo se puede animar con colores en jQuery?

A

Debemos descargar un plugin.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q

¿Cómo se utilizan los valores relativos en las propiedades del método animate?

A

Se usan los operadores: += y -=

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

¿Cómo puedes mostrar u ocultar un elemento luego de que termina la animación?

A

Podemos usar hide, show o toggle como valor de la propiedad CSS.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
38
Q

¿Cómo se llama la funcionalidad de jQuery que ejecuta una animación después de otra?

A

Queue Functionality

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
39
Q

¿Para qué sirve el método stop()?

A

Para detener efectos y animaciones.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
40
Q

¿Cuál es la sintaxis básica del método stop() y cuáles son sus parámetros?

A

$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
41
Q

¿Cuándo se ejecuta una función callback?

A

Cuando termina de ejecutarse un efecto.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
42
Q

¿Para qué sirve una callback function?

A

Para prevenir que se ejecute código antes de que un efecto termine.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
43
Q

¿En qué consiste el Chaining?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
44
Q

¿Cuál es la sintaxis para el Chaining?

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
45
Q

¿Para qué sirve el método text()?

A

Obtiene o establece el contenido de texto de los elementos seleccionados.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
46
Q

¿Para qué sirve el método html()?

A

Obtiene o establece el contenido de los elementos seleccionados incluyendo las etiquetas HTML.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
47
Q

¿Para qué sirve el método val()?

A

Obtiene o establece el valor de los campos seleccionados.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
48
Q

¿Cuál es la sintaxis y para qué sirve la función callback de los métodos: text(), html() y val()?

A
$(selector).método(function(i, origText){
//Código aquí
});

i: es el índice del elemento.
origText: texto original del elemento.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
49
Q

¿Para qué sirve el método attr()?

A

Sirve para obtener o establecer el valor de un atributo.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
50
Q

¿Cuál es la sintaxis del método attr()?

A

$(selector).attr(
{atributo1: valor1,

atributoN: valorN});

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
51
Q

¿Cuál es la sintaxis y para qué sirve la función callback del método attr()?

A
$(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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
52
Q

¿Para qué sirve el método append()?

A

Para agregar contenido al final del elemento seleccionado.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
53
Q

¿Para qué sirve el método prepend()?

A

Para agregar contenido al principio del elemento seleccionado.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
54
Q

¿Para qué sirve el método before()?

A

Para agregar contenido antes del elemento seleccionado.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
55
Q

¿Para qué sirve el método after()?

A

Para agregar contenido después del elemento seleccionado.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
56
Q

¿Para qué sirve el método remove()?

A

Para eliminar el elemento seleccionado y todos sus hijos.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
57
Q

¿Para qué sirve el método empty()?

A

Para eliminar los hijos del elemento seleccionado.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
58
Q

¿Para qué sirve el parámetro del método remove()?

A

Sirve para especificar los elementos a ser eliminados. Su valor es cualquier selector jQuery.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
59
Q

¿Para qué sirve el método addClass() y cómo se pueden agregar varias clases?

A

Sirve para agregar clases CSS y se deben separar por un espacio en blanco cuando son más de una.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
60
Q

¿Para qué sirve el método removeClass()?

A

Sirve para remover clases CSS.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
61
Q

¿Para qué sirve el método toggleClass()?

A

Alterna entre addClass y removeClass.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
62
Q

¿Para qué sirve el método css ()?

A

Sirve para establecer las propiedades del atributo style.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
63
Q

¿Cuál es la sintaxis para obtener el valor de una propiedad CSS?

A

$(selector).css(propiedad);

64
Q

¿Cuál es la sintaxis para establecer el valor de una propiedad CSS?

A

$(selector).css(propiedad, valor);

65
Q

¿Cuál es la sintaxis para establecer varias propiedades CSS?

A

$(selector).css({propiedad:valor, …, propiedadN: valorN});

66
Q

¿Para qué sirve el método height?

A

Obtiene o establece la altura del elemento seleccionado sin considerar el padding, border ni margin.

67
Q

¿Para qué sirve el método width?

A

Obtiene o establece el ancho del elemento seleccionado sin considerar el padding, border ni margin.

68
Q

¿Para qué sirve el método innerHeight?

A

Obtiene la altura del elemento considerando el padding.

69
Q

¿Para qué sirve el método innerWidth?

A

Obtiene el ancho del elemento considerando el padding.

70
Q

¿Para qué sirve el método outerHeight?

A

Obtiene la altura del elemento considerando el padding y border.

71
Q

¿Para qué sirve el método outerWidth?

A

Obtiene el ancho del elemento considerando el padding y border.

72
Q

¿Para qué sirve el método outerHeight con un parámetro igual a true?

A

Obtiene la altura del elemento considerando el padding, border y margin.

73
Q

¿Para qué sirve el método outerWidth con un parámetro igual a true?

A

Obtiene el ancho del elemento considerando el padding, border y margin.

74
Q

¿Qué es traversing?

A

Significa moverse a través y se usa para encontrar o seleccionar elementos HTML con base en su relación con otros elementos.

75
Q

¿Cómo se hace el traversing?

A

Aplicamos un selector y, a partir de ahí, nos movemos hasta alcanzar a los elementos deseados.

76
Q

¿Para qué sirve el método parent?

A

Para obtener al padre del elemento seleccionado. Solamente va un nivel hacia arriba de los ancestros.

77
Q

¿Para qué sirve el método parents y cuáles son sus parámetros?

A

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.

78
Q

¿Para qué sirve el método parentsUntil y cuáles son sus parámetros?

A

Sirve para obtener los ancestros, desde el elemento actual hasta el que le pasemos como parámetro.

79
Q

¿Para qué sirve el método children y cuáles son sus parámetros?

A

Sirve para obtener a los hijos directos del elemento seleccionado.
Tiene un parámetro opcional para filtrar a los elementos hijos a obtener.

80
Q

¿Para qué sirve el método find y cuáles son sus parámetros?

A

Sirve para obtener a todos los elementos descendientes del elemento seleccionado.
Su parámetro obligatorio, sirve para filtrar a los elementos a buscar.

81
Q

¿Para qué sirve el parámetro con valor igual a * en el método find?

A

Sirve para obtener a todos los descendientes del elemento seleccionado.

82
Q

¿Para qué sirve el método siblings y cuáles son sus parámetros?

A

Sirve para obtener a todos los hermanos del elemento seleccionado.
Su parámetro opcional filtra a los elementos a buscar.

83
Q

¿Para qué sirve el método next?

A

Sirve para obtener el siguiente hermano a partir del elemento seleccionado.

84
Q

¿Para qué sirve el método nextAll?

A

Sirve para obtener a todos los hermanos siguientes a partir del elemento seleccionado.

85
Q

¿Para qué sirve el método nextUntil?

A

Sirve para obtener todos los hermanos siguientes entre el elemento seleccionado y el filtro pasado como parámetro.

86
Q

¿Para qué sirve el método prev?

A

Sirve para obtener al hermano anterior a partir del elemento seleccionado.

87
Q

¿Para qué sirve el método prevAll?

A

Sirve para obtener a todos los hermanos anteriores a partir del elemento seleccionado.

88
Q

¿Para qué sirve el método prevUntil?

A

Sirve para obtener todos los hermanos anteriores entre el elemento seleccionado y el filtro pasado como parámetro.

89
Q

¿Para qué sirve el método first?

A

Obtiene el primer resultado del selector aplicado.

90
Q

¿Para qué sirve el método last?

A

Obtiene el último resultado del selector aplicado.

91
Q

¿Para qué sirve el método eq?

A

Obtiene el elemento por índice del resultado del selector aplicado. El índice inicia en cero.

92
Q

¿Para qué sirve el método filter?

A

Obtiene los elementos que empaten con el filtro pasado como parámetro.

93
Q

¿Para qué sirve el método not?

A

Obtiene los elementos que no empaten con el filtro pasado como parámetro.

94
Q

¿Qué significa AJAX?

A

Asynchronous JavaScript and XML.

95
Q

¿Qué podemos hacer con los métodos jQuery AJAX?

A

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.

96
Q

¿Cuál es la ventaja principal de usar jQuery AJAX?

A

La ventaja principal es que no nos debemos preocupar por que nuestro código AJAX sea compatible entre los navegadores web.

97
Q

¿Para qué sirve el método load?

A

Sirve para obtener datos desde el servidor y cargarlos en el elemento seleccionado.

98
Q

¿Cuál es la sintaxis del método load y cuáles son sus párametros?

A

$(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.

99
Q

¿Cuál es la sintaxis de la función callback del método load y cuáles son sus parámetros?

A
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.).

100
Q

¿Para qué sirve el método get?

A

Sirve para pedir datos desde el servidor usando una petición HTTP GET.

101
Q

¿Cuál es la sintaxis del método get y cuáles son sus párametros?

A

$.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.

102
Q

¿Cuál es la sintaxis de la función callback del método get y cuáles son sus parámetros?

A
function(data, status){
	// Código aquí
}

data: maneja el contenido de la página solicitada.
status: maneja el estatus de la petición.

103
Q

¿Cuál es la sintaxis del método post y cuáles son sus párametros?

A

$.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.

104
Q

¿Cuál es la sintaxis de la función callback del método post y cuáles son sus parámetros?

A
function(data, status){
	// Código aquí
}

data: maneja el contenido de la página solicitada.
status: maneja el estatus de la petición.

105
Q

¿Para qué sirve el método post?

A

Sirve para pedir datos desde el servidor usando una petición HTTP POST.

106
Q

¿Para qué sirve el método ajax?

A

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.

107
Q

¿Cuál es la sintaxis del método ajax?

A

$.ajax({name:value, name:value, … });

108
Q

¿Para qué sirve el método ajaxSetup?

A

Sirve para establecer las propiedades default que tomarán las futuras peticiones AJAX.

109
Q

¿Cuál es la sintaxis del método ajaxSetup?

A

$.ajaxSetup({name:value, name:value, … });

110
Q

¿Para qué sirve el método getJSON?

A

Sirve para obtener datos JSON desde el servidor usando AJAX HTTP GET.

111
Q

¿Cuál es la sintaxis del método getJSON?

A

$(selector).getJSON(url,data,success(data,status,xhr))

112
Q

¿Para qué sirve el método getScript?

A

Sirve para obtener código JavaScript desde el servidor usando AJAX HTTP GET.

113
Q

¿Cuál es la sintaxis del método getScript?

A

$.getScript(url,success(response,status))

114
Q

¿Para qué sirve el método param?

A

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.

115
Q

¿Cuál es la sintaxis del método param y cuáles son sus parámetros?

A

$.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.

116
Q

¿Para qué sirve el método ajaxComplete?

A

Especifica una función a ser ejecutada cuando la petición AJAX finalice.

117
Q

¿Cuál es la sintaxis del método ajaxComplete?

A

$(document).ajaxComplete(function(event,xhr,options))

118
Q

¿Cuál es la sintaxis del método ajaxError y cuáles son sus parámetros?

A

$(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

119
Q

¿Para qué sirve el método ajaxSend?

A

Sirve para especificar una función para ejecutarla cuando una solicitud AJAX está a punto de enviarse.

120
Q

¿Cuál es la sintaxis del método ajaxSend y cuáles son sus parámetros?

A

$(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.

121
Q

¿Para qué sirve el método ajaxStart?

A

Sirve para especificar una función que se ejecutará cuando una petición AJAX inicie.

122
Q

¿Cuál es la sintaxis del método ajaxStart y cuáles son sus parámetros?

A

$(document).ajaxStart(function())

Incluye un parámetro que es una función.

123
Q

¿Para qué sirve el método ajaxStop?

A

Sirve para especificar una función que se ejecutará cuando todas las peticiones AJAX hayan terminado.

124
Q

¿Cuál es la sintaxis del método ajaxStop y cuáles son sus parámetros?

A

$(document).ajaxStop(function())

Incluye un parámetro que es una función.

125
Q

¿Cuál es la sintaxis del método ajaxSuccess y cuáles son sus parámetros?

A

$(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.

126
Q

¿Para qué sirve el método ajaxSuccess?

A

Sirve para especificar una función que se ejecutará cuando una petición AJAX se haya completado correctamente.

127
Q

¿Cuál es la sintaxis del método ajaxSuccess y cuáles son sus parámetros?

A

$(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.

128
Q

¿Para qué sirve el método serialize?

A

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.

129
Q

¿Cuál es la sintaxis del método serialize y cuáles son sus parámetros?

A

$(selector).serialize()

Este método no utiliza parámetros.

130
Q

¿Para qué sirve la propiedad async del método ajax y cuál es su valor default?

A

Indica si la petición AJAX va a ser asíncrona o no. El valor default es true.

131
Q

¿Para qué sirve el evento beforeSend del método ajax?

A

Es una función callback usada para modificar el objeto XMLHTTPRequest a ser enviado. Si se regresa false la petición AJAX se cancela.

132
Q

¿Para qué sirve la propiedad cache del método ajax y cuál es su valor default?

A

Indica si la página solicita quedará en caché. El valor default es true.

133
Q

¿Para qué sirve el evento complete del método ajax y cuáles son sus parámetros?

A

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”.

134
Q

¿Para qué sirve la propiedad contentType del método ajax y cuál es su valor default?

A

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’.

135
Q

¿Para qué sirve la propiedad crossDomain del método ajax y cuál es su valor default?

A

Es un valor booleano que indica si la petición AJAX es de un dominio diferente o no. El valor default es false.

136
Q

¿Para qué sirve la propiedad data del método ajax?

A

Son los datos a ser enviados en la petición AJAX, su tipo puede ser uno de los siguientes: objeto, cadena o arreglo.

137
Q

¿Para qué sirve la propiedad dataType del método ajax?

A

Establece el tipo de dato que esperamos obtener del servidor. Si no se especifica se toma el tipo MIME de la respuesta

138
Q

¿Para qué sirve la propiedad dataType del método ajax?

A

Establece el tipo de dato que esperamos obtener del servidor. Si no se especifica se toma el tipo MIME de la respuesta.

139
Q

¿Cuáles son los tipos de dato disponibles para la propiedad dataType del método ajax?

A

xml, html, script, json, jsonp, text o combinaciones entre ambos como conversión de datos.

140
Q

¿Para qué sirve el evento error del método ajax y cuáles son sus parámetros?

A

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”.

141
Q

¿Para qué sirve la propiedad global del método ajax?

A

Sirve para desactivar los handlers globales (ajaxStart, ajaxStop) para la petición AJAX actual.

142
Q

¿Para qué sirve la propiedad headers del método ajax?

A

Sirve para establecer los headers de la petición HTTP de la petición AJAX actual.

143
Q

¿Para qué sirve la propiedad method del método ajax?

A

Es un string para establecer el método HTTP a usar en la petición AJAX: “POST”, “GET”, “PUT”.

144
Q

¿Para qué sirve la propiedad mimeType del método ajax?

A

Establece el tipo MIME para la petición AJAX.

145
Q

¿Para qué sirve la propiedad password del método ajax?

A

Establece la contraseña para la autenticación HTTP.

146
Q

Para qué sirve la propiedad statusCode del método ajax?

A

Es un objeto de códigos numéricos y funciones para manejar los diferentes códigos HTTP.

147
Q

¿Para qué sirve el método success del método ajax y cuáles son sus parámetros?

A

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.

148
Q

¿Para qué sirve la propiedad timeout del método ajax?

A

Establece el tiempo de respuesta (en milisegundos) de la petición AJAX. Igual a cero indica que no hay timeout.

149
Q

¿Para qué sirve la propiedad url del método ajax?

A

String con la URL a la que se hará la petición AJAX.

150
Q

¿Para qué sirve la propiedad username del método ajax?

A

Establece el usuario para la autenticación HTTP.

151
Q

¿Para qué sirve el método noConflict()?

A

Permite que otros scripts (frameworks) puedan utilizar el shortcut $ de jQuery y que éste siga funcionando usando su nombre completo: jQuery.

152
Q

¿Cómo podemos hacer nuestro propio shortcut para jQuery?

A

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!");
 });
});
153
Q

¿Cómo podemos evitar cambiar el shortcut $ por uno nuevo dentro del método ready?

A

Pasando como parámetro de la función ready el shortcut $ sin comillas.

154
Q

¿Cuáles son las mejores prácticas de optimización de código en jQuery?

A
  • 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.
155
Q

¿Para qué sirve el método when()?

A

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.

156
Q

¿Qué es event.target?

A

Es el elemento DOM que inició el evento.

157
Q

¿Para qué sirve el método ajaxSuccess?

A

Sirve para especificar una función que se ejecutará cuando una petición AJAX se haya completado correctamente.