jQuery one() Method Last Updated : 31 Jul, 2024 Comments Improve Suggest changes Like Article Like Report The jQuery one() method is an inbuilt method that attaches one or more event handlers for the selected element. This also attaches a function to run when the event occurs. This method is 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 parameters as mentioned above and described below:event: It is a 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 an optional parameter. It is used to specify additional data to pass along to the function.function: It is a 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. Example 1: This example illustrates the use of one() method. HTML <!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> Output:Example 2: In this example, we will change the color of the paragraph by using one() method. HTML <!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).css("color", "red"); }); }); </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> Output:Example 2 Output | jQuery one() method Comment More infoAdvertise with us K kundankumarjha Follow Improve Article Tags : Web Technologies JQuery jQuery-Methods Similar Reads jQuery bind() Method The jQuery bind() method is used to attach one or more event handlers for selected elements. This method specifies a function to run when an event occurs. Syntax$(selector).bind(event, data, function);ParametersIt accepts three parameters that are described below: event: This is an event type that 2 min read jQuery blur() Method jQuery blur() is an inbuilt method that is used to remove focus from the selected element. This method starts the blur event or it can be attached a function to run when a blur event occurs. Syntax:$(selector).blur(function)Parameters: It accepts an optional parameter "function". jQuery examples t 1 min read jQuery change() Method The jQuery change() method is used to detect changes in the value of form elements like <input>, <select>, or <textarea>. It triggers a specified function when a user modifies the input or selects a different option.Syntax$(selector).change(function)Parameters : It accepts an optio 2 min read jQuery click() Method jQuery click() is an inbuilt method that starts the click event or attaches a function to run when a click event occurs. Syntax:$(selector).click(function);Parameters: It accepts an optional parameter "function" which is used to run when a click event occurs. jQuery examples to show the working of 2 min read jQuery dblclick() Method jQuery dblclick() is an inbuilt method that is used to trigger the double-click event to occur. This method occurs when the selected element will be double-clicked. Syntax:$(selector).dblclick(args);Here "selector" is the selected element. Parameters: It accepts an optional parameter "args" which 2 min read jQuery event.isDefaultPrevented() Method jQuery isDefaultPrevented() Method is an inbuilt method that checks whether the preventDefault() method was called for the event. This method returns a boolean value. It returns True if preventDefault() is called on the event, False otherwise. Syntax:event.isDefaultPrevented()Parameters: It accepts 2 min read jQuery event.isImmediatePropagationStopped() Method jQuery isImmediatePropagationStopped() Method is used to check whether this method was called for the event or not. If it was called then it will be "true" or else "false". Syntax:$(selector).isImmediatePropagationStopped()Parameters: This method accepts only one parameter as a selector which is us 2 min read jQuery event.isPropagationStopped() Method jQuery event.isPropagationStopped() Method is used to check whether the object event.stopPropagation() is called or not. If event.stopPropagation() is called then it returns true otherwise returns false. Syntax:event.isPropagationStopped()Parameters: It contains a single parameter event which is ma 1 min read jQuery event.preventDefault() Method The jQuery preventDefault() Method is used to stop the default action of the selected element to occur. It is also used to check whether preventDefault() method is called for the selected element or not. Syntax: event.preventDefault()Parameter: It does not accept any parameter. Example 1: This examp 2 min read jQuery event.stopImmediatePropagation() Method The jQuery event.stopImmediatePropagation() is an inbuilt method in jQuery used to stop the rest of the event handlers from being executed for the selected element. Syntax: event.stopImmediatePropagation() Parameter: No parameter is required. Example 1: Here, only first pop box will appear after thi 2 min read Like