DOM Traversal Methods

var timesClicked = 0;
$('#foo').bind('click', function(event) {
alert('The quick brown fox jumps over the lazy dog.');
timesClicked++;
if (timesClicked >= 3) {
$(this).unbind(event);
}
});
[ 101 ]
Chapter 5
The handler in this case must take a parameter, so that we can capture the event
object and use it to unbind the handler after the third click. The event object contains
the context necessary for .unbind() to know which handler to remove.
This example is also an illustration of a closure. Since the handler refers to the
timesClicked variable, which is defined outside the function, incrementing the
variable has an effect even between invocations of the handler.
.one()
Attaches a handler to an event for the elements. The handler is executed at
most once.
Parameters
•
•
•
.one(eventType[, eventData], handler)
eventType: A string containing a JavaScript event type, such as
click or submit
eventData (optional): A map of data that will be passed to the event handler
handler: A function to execute at the time the event is triggered
Return Value
The jQuery object, for chaining purposes.
Description
This method is identical to .bind(), except that the handler is unbound after its first
invocation. For example:
$('#foo').one('click', function() {
alert('This will be displayed only once.');
});