jQuery | one() with Examples

The one() method is an inbuilt method in jQuery that attaches one or more event handlers for the selected element. This also attaches a function to run when the event occurs. This method named one because whatever event handler attaches to this method will run only once.

Syntax:

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

Parameter: This method accepts three parameter as mentioned above and described below:



  • event: It is required parameter. It is used to specify one or more events to attach to the elements. If multiple events given then use space to separate them.
  • data: It is optional parameter. It is used to specify additional data to pass along to the function.
  • function: It is required parameter. It is used to specify the function to run when the event occurs.

Return Value: This method returns the selected element with the specified event handler.

Program:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
    <head>
        <script src=
        </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>

chevron_right


Output:
paragraph size modifier
paragraph size modifier



My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.



Improved By : Shivam_k



Article Tags :

Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.