Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

jQuery one() Method

❮ jQuery Event Methods

Example

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.


Syntax

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

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