Ejercicio 1

Este ejercicio pertenece al punto 3.8

Apartado 1

Enunciado

Abra el archivo /ejercicios/index.html en el navegador. Realice el ejercicio utilizando el archivo /ejercicios/js/sandbox.js o trabaje directamente con Firebug para cumplir los siguientes puntos:

Seleccionar todos los elementos div que poseen la clase “module”.

Especificar tres selecciones que puedan seleccionar el tercer ítem de la lista desordenada #myList. ¿Cuál es el mejor para utilizar? ¿Porqué?

Seleccionar el elemento label del elemento input utilizando un selector de atributo.

Averiguar cuantos elementos en la página están ocultos (ayuda: .length).

Averiguar cuantas imágenes en la página poseen el atributo alt.

Seleccionar todas las filas impares del cuerpo de la tabla.

Resultado

Seleccionar todos los div con la clase module

especificar tres formas de selecionar el tercer elemento de la lista con el id 'myList'

averiguar cuantos elementos de la pagina estan ocultos

Averiguar cuantas imagenes tienen el atributo alt Seleccionar todas las filas impares de la tabla

Apartado2

Enunciado

Abra el archivo /ejercicios/index.html en el navegador. Realice el ejercicio utilizando el archivo /ejercicios/js/sandbox.js o trabaje directamente con Firebug para cumplir los siguientes puntos:

Seleccionar todas las imágenes en la página; registrar en la consola el atributo alt de cada imagen.

Seleccionar el elemento input, luego dirigirse hacia el formulario y añadirle una clase al mismo.

Seleccionar el ítem que posee la clase “current” dentro de la lista #myList y remover dicha clase en el elemento; luego añadir la clase “current” al siguiente ítem de la lista.

Seleccionar el elemento select dentro de #specials; luego dirigirse hacia el botón submit.

Seleccionar el primer ítem de la lista en el elemento #slideshow; añadirle la clase “current” al mismo y luego añadir la clase “disabled” a los elementos hermanos.

Resultado

Seleccionar todas las imagenes en la página; registrar en la consola el atributo alt de cada imagen.

Seleccionar el elemento input , luego dirigirse al formulario y añadirle una clase al mismo.

Seleccionar el ítem que posee la clase “current” dentro de la lista #myList y remover dicha clase en el elemento; luego añadir la clase “current” al siguiente ítem de la lista.

Seleccionar el elemento select dentro de specials; luego dirigirse hacia el boton submit.

Seleccionar el primer item de la lista en el elemento slideshow; añadirle la clase current al mismo y luego añadir la clase disabled a los elementos hermanos.