11 - Administración de eventos con jQuery.


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)

Problema:

<!DOCTYPE html>
<html>

<head>
  <title>Ejemplo de jQuery</title>
  <meta charset="UTF-8">
</head>

<body>
  <p>Para el aprendizaje de la librería <strong>jQuery</strong> se requiere tener
    conocimientos sólidos de <strong>JavaScript</strong>.
    También es necesario entender el mecanismo de como se organiza
    en memoria una página web.</p>

  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  <script src="funciones.js"></script>
</body>

</html>
let x = $(document);
x.ready(inicializarEventos);

function inicializarEventos() {
  let x = $("strong");
  x.click(ocultarPalabra);
}

function ocultarPalabra() {
  $(this).hide();
}

Confeccionar una página que contenga algunas palabras con el elemento 'strong', luego cuando sean presionadas ocultarlas.


Ver solución

pagina1.html





funciones.js



Retornar