Tutorials References Exercises Bootcamps Videos Menu
Sign Up Create Website Get Certified Upgrade

jQuery one() Method

❮ jQuery Event Methods


Increase the text size of a <p> element when it is clicked (the event will only trigger once for each <p> element):

$("p").one("click", function(){
  $(this).animate({fontSize: "+=6px"});
Try it Yourself »

Definition and Usage

The one() method attaches one or more event handlers for the selected elements, and specifies a function to run when the event occurs.

When using the one() method, the event handler function is only run ONCE for each element.



Parameter Description
event Required. Specifies one or more events to attach to the elements.

Multiple event values are separated by space. Must be a valid event.
data Optional. Specifies additional data to pass along to the function
function Required. Specifies the function to run when the event occurs

Try it Yourself - Examples

Attach two events
How to attach two event handlers ("click" and "dblclick") to a <p> element.

❮ jQuery Event Methods