lunes, 11 de mayo de 2020

JQuery. Iniciación II

  1. Repaso de selectores dinámicos. Realiza una web con tantas etiquetas y elementos necesarios como para que se puedan aplicar sobre cada uno de ellos todos los efecto dinámicos. La página deberá incluir un inputque te permita elegir el elemento al que quieras aplicar el efecto.
  2. Each
  3. Realiza una web con 7 elemetos p. Desarrolla un script en jquery que te permita cambiar el fondo de la etiquetas p pares con un color determinado y a las impares con otro color distintos.
  4. En una web que contenga, en 10 líneas y en cada linea, el nombre de un color (en inglés), realiza un script que al cargar la página cambien de fondo de la linea con el color que se indica en ella, excepto con el color blanco que no cambiará el fondo. Si se encuentra una linea con la palabra "nada" el ejercicio dejara de cambiar los fondos.
  5. Realiza una web que a pulsar sobre un botón muestre un mensaje con cada una de las opciones de la lista. Utiliza $(this).text()
  6. Tenemos una lista desordenada con tantas opciones como días tienela semana, y en cada una de ellas la pieza de fruta que tienes que comer. crea un botón a que al pulsar sobre él te muestra el día de la semana , en número y la fruta que tienes que comer. Por ejemplo: El día 1 de la semana debes comer manzana. El día 2 de la semana debes comer pera. Utiliza $.each(lista, function(i, valor) i sería el indice.
  7. Crea una página con tantos elementos como creas necesarios. Al cargar la página te tiene que salir un mensaje indicando el número de elementos de cada clase. Utiliza size y length .
  8. Crea una página con 2 elementos párrafo. Realiza un jquery que te permita introducir otros elementos p al cargar la página. Utiliza .appendto, .append, .html. ¿Los siguientes métodos hacen lo mismo? .text, .val.
  9. Siguiendo con el ejercicio anterior. Realiza un jquery que te permita introducir un título al principio de la página, un subtítulo al comienzo de cada párrafo y un enlace después de cada párrafo, al cargar la página.
  10. Tienes una tabla donde los encabezados de las columnas son nº de matricula, nombre, 1º apellido y 2º apellido, habrá tantas filas como compañeros tienes en clase. Introduce 2 botones, con el primero te mostrará cada uno de los encabezados con su posición, con el segundo botón te mostrará el contenido de las celdas y su posición.
  11. Aprovechando la tabla anterior pulsa sobre un nuevo botón que te muestre los "perez" que hay y en que posición, fila columna. Utiliza contains(), .parent().index()

No hay comentarios:

Publicar un comentario