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
<!DOCTYPE html> <html> <head> <title>Ejemplo de jQuery</title> <meta charset="UTF-8"> </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="lista2"> <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> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="funciones.js"></script> </body> </html>
funciones.js
let x=$(document); x.ready(inicializarEventos); function inicializarEventos() { let x=$("#boton1"); x.click(ocultarItem); } function ocultarItem() { let x=$("#lista1 li"); x.hide(); }
Retornar