5 - Selección de elementos utilizando los selectores CSS.
Simulador
(Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado.
)
Disponer dos listas luego cuando se presione un botón ocultar todos los li de la primer lista.
pagina1.html
<html> <head> <title>Problema</title> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript" src="funciones.js"></script> </head> <body> <input type="button" value="ocultar item primer lista" id="boton1"> <h2>Lista 1</h2> <ul id="lista1"> <li>Opción número 1</li> <li>Opción número 2</li> <li>Opción número 3</li> <li>Opción número 4</li> </ul> <h2>Lista 2</h2> <ul #id="lista3"> <li>Opción número 1</li> <li>Opción número 2</li> <li>Opción número 3</li> <li>Opción número 4</li> </ul> </body> </html>
funciones.js
var x; x=$(document); x.ready(inicializarEventos); function inicializarEventos() { var x; x=$("#boton1"); x.click(ocultarItem); } function ocultarItem() { var x; x=$("#lista1 li"); x.hide(); }
Retornar