FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

jQuery one() Method

jQuery Event Methods 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

Examples

Try it Yourself - Examples

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


jQuery Event Methods jQuery Event Methods