jQuery | uno() con ejemplos

El método one() es un método incorporado en jQuery que adjunta uno o más controladores de eventos para el elemento seleccionado. Esto también adjunta una función para ejecutar cuando ocurra el evento. Este método nombró uno porque cualquier controlador de eventos adjunto a este método se ejecutará solo una vez.

Sintaxis:

$(selector).one(event, data, function)

Parámetro: Este método acepta tres parámetros como se mencionó anteriormente y se describe a continuación:

  • evento: Es un parámetro requerido. Se utiliza para especificar uno o más eventos para adjuntar a los elementos. Si se dan múltiples eventos, use espacio para separarlos.
  • data: Es un parámetro opcional. Se utiliza para especificar datos adicionales para pasar a la función.
  • función: Es un parámetro requerido. Se utiliza para especificar la función que se ejecutará cuando ocurra el evento.

Valor devuelto: este método devuelve el elemento seleccionado con el controlador de eventos especificado.

Programa:

<!DOCTYPE html>
<html>
    <head>
        <script src=
        "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        </script>
        <script>
              
            // jQuery code to show the working of this method
            $(document).ready(function() {
                $("p").one("click", function() {
                    $(this).animate({
                        fontSize: "+=14px"
                    });
                });
            });
        </script>
        <style>
            .para {
                margin: auto;
                width: 80%;
                border: 3px solid green;
                padding: 10px;
                text-align:justify;
            }
            .gfg {
                font-size:40px;
                color:green;
                font-weight:bold;
                text-align:center;
            }
            .geeks {
                font-size:17px;
                text-align:center;
            }
        </style>
    </head>
       
    <body>
        <div class = "para">
            <div class = "gfg">GeeksforGeeks</div>
            <div class = "geeks">A computer science portal for geeks</div>
            <p>Prepare for the Recruitment drive of product based
            companies like Microsoft, Amazon, Adobe etc with a free
            online placement preparation course. The course focuses
            on various MCQ's & Coding question likely to be asked 
            in the interviews & make your upcoming placement season
            efficient and successful.</p>
            <p>An extensive Online Test Series for GATE 2019 to boost
            the preparation for GATE 2019 aspirants. Test series is
            designed considering the pattern of previous years GATE
            papers and ensures to resemble with the standard of GATE.
            This Test Series will help the aspirants track and improve
            the preparation through questions of various difficulty
            levels. </p>
        </div>
    </body>
</html>

Producción:
modificador de tamaño de párrafo
modificador de tamaño de párrafo

Publicación traducida automáticamente

Artículo escrito por kundankumarjha 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 *