En una linea, define qué es jQuery: Un conjunto de librerías de código que contienen funcionalidades
o procesos para hacer más comodo o facilitar ciertos procesos rutinarios con JavaScript.
Identifica la última versión jQuery: 3.3.1
Indica las diferencias entre la versión DEVELOPMENT, PRODUCTION y SLIM: Dan dos posibilidades para
descargar, una que le llaman PRODUCTION, que es la adecuada para páginas web en producción, puesto que está
minimizada y ocupa menos espacio, con lo que la carga de nuestro sitio será más rápida. La otra posibilidad
es descargar la versión que llaman DEVELPOMENT, que está con el código sin comprimir, con lo que ocupa más
espacio, pero se podrá leer la implementación de las funciones del framework, que puede ser interesante en
etapa de desarrollo, porque podremos bucear en el código de jQuery por si tenemos que entender algún asunto
del trabajo con el framework.
Indica la línea donde introduces todo el código de la librería jQuery: La etiqueta es: script
src="dirección del archivo js" type="text/javascript"
Indica qué es el jQuery CDN: CDN significa Content Delivery Network, que se traduciría como red de
entrega de contenido y no es otra cosa que un servicio que nos permite incluir las librerías de código de
jQuery desde los servidores de algunas importantes empresas. jQuery no es el único que utiliza estos
sistemas para distribuir sus paquetes de código, sino que es ampliamente utilizado por diversos frameworks
y librerías del entorno web.
Indica brevemente y con tus palabras las ventajas del CDN de jQuery:Como ventajas: mayor velocidad
de entrega y probablemente ya está cacheado con anterioridad, por lo que va más rapido todo. Y como
inconvenientes: hace falta estar conectado a internet y no podemos tener control de todo lo que te está
trayendo ese script.
Indica la línea donde introduces las últimas versiones de al menos dos jQuery CDN: Con la etiqueta
script, dentro de head.
Indica cómo jquery ejecuta un código cuando el árbol DOM está totalmente cargado. Indica el equivalente
en javaScript:En javascript tendrías que añadir un evento con
document.addEventListener('DOMContentLoaded', init); donde init es una función que se va a ejecutar cuando
el documento esté completamente cargado. Con JQuery con $(init) conseguiriamos el mismo resultado.
Función $ o función jQuery. Indica brevemente los argumentos que puedes enviarle. Añádele a la
explicación un breve código de ejemplo (distinto al del manual):
Indica cómo puedes reemplazar el clásico $(document).ready(){...} con jQuery: $(funcion)
En una línea, explica qué hace el método each() de jQuery. Explica qué es la iteración implícita:Un
bucle foreach
Englobado en el contexto del each:
Explica la utilidad de la palabra reservada this: Se usa para hacer refencia a lo que
está invocandolo.
Indica cómo se utiliza el índice de la iteración: Con una función que tenga por
parámetro 'i' como en el siguiente código: $("p").each(function(i){
if(i%2==0){
$(this).css("background-color", "#eee");
}else{
$(this).css("background-color", "#ccc");
}
Explica la utilidad de return false: Cortar la ejecución del each();
Indica la diferencia entre return true y no ponerlo. Explícalo mediante un trozo de código:
En el caso en el que queramos cotar la ejecución del ciclo cuando se cumpla algo, diferenciando que
si se cumple ese algo es true, y si se cumple por ejemplo otro algo, sería false. $("div").each(function(i){
elemento = $(this);
if(elemento.html() == "white")
return true;
if(elemento.html() == "nada")
return false;
elemento.css("color", elemento.html());
});
Indica las diferencias y semejanzas entre el método size() y la propiedad length. Indica las ventajas e
inconvenientes de utilizar uno u otra:Tanto el método size() con la propiedad length devolverán el
mismo valor, siendo las únicas diferencias la mencionada
rapidez adicional de la propiedad y el acceso a este valor, que como es una propiedad, se accede a través
del operador
punto, pero sin colocar los paréntesis después de length.
Indica qué hace el método data(): Sirve para almacenar, consultar cualquier tipo de dato en
elementos de la página.
Tipos de datos admitidos por data(): Admite cualquier tipo de dato
Indica qué significa que data() almacena valores por referencia: En el caso que estemos almacenando
un objeto Javascript con data() sobre
uno o varios elementos, no se copia el objeto, sino que se asigna por referencia. Esto quiere decir que no
se harían
copias independientes del objeto a guardar, sino que permanecería tal cual y lo que se asignaría como dato
es una
referencia a ese único objeto.
Cuántos objetos se crean si data() opera sobre un conjunto de elementos:Uno.
Indica qué hace el método removeData():Este método sirve para eliminar un dato de un elemento y su
funcionamiento es tan simple como enviar por parámetro
el dato que se quiere eliminar del elemento.
Identifica con tu propio código (en una línea a ser posible) los distintos tipos de selectores. Indica
cómo se recogen en una variable:
let selectorEtiqueta = $("p");
let selectorId =$("#id");
let selectorClase = $(".clase");
let selectorMultiple = $(".clase1,#id,.clase2");
let selectorAll= $("*");
let selectorAntecesorDecendant = $("table.mitabla td");
let selectorParentChild = $("table.mitabla>td");
let selectorSiguienteElemento = $("p.parraforojo + p"); //Esto selecciona los párrafos que están después de
cualquier párrafo que tenga la clase "parraforojo"
let selectoMismoNivelDeJerarquia = $("#miparrafo ~ table");