¿Cómo ocultar todos los elementos de encabezado en una página cuando se hace clic en jQuery?

En este artículo, veremos cómo ocultar todos los elementos de encabezado en una página cuando se hace clic en ellos en jQuery. Para ocultar todos los elementos de encabezado de la página, usamos el método slideUp(). Primero usamos el método click() para detectar que se hace clic en el elemento y luego usamos el método slideUp() para ocultar los elementos del encabezado.

Sintaxis:

$(selector).click(function() {
    $(this).slideUp();
})

Aquí, usamos el método click() para iniciar el evento de clic o adjuntar una función para que se ejecute cuando ocurre un evento de clic y el método slideUp() para ocultar los elementos seleccionados.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to hide all heading elements on a page
        when they are clicked in jQuery?
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <script>
        $(document).ready(function () {
            $("h1, h3").click(function () {
                $(this).slideUp();
            });
        });
    </script>
  
    <style>
        body {
            text-align: center;
        }
  
        h1 {
            color: green;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h3>
        How to hide all heading elements on a page
        <br>when they are clicked in jQuery?
    </h3>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por vkash8574 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *