Método jQuery one()

Eventos de jQuery

El método one() adjunta uno o más manejadores de eventos a los elementos seleccionados.

También se adjunta la función que se debe ejecutar cuando ocurre el evento.

Este método se llama one porque cualquier manejador de eventos adjunto a este método para cada elementosolo se ejecutarán una vez.

Sintaxis:

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

Ejemplo

Añadir el evento click a todos los elementos <p> (el evento solo se desencadenará una vez para cada <p>):

$("p").one("click", function(){
　　$(this).animate({fontSize: "+=5px"});
});

Mostrar la diferencia entre los métodos one() y on():

$(document).ready(function() {
　　$("#para-1).one("click", myFunc);
　　$("#para-2.on("click", myFunc);
});

Agregar varios manejadores de eventos a todos los elementos <p>

$("p").one("click dblclick", function() {
　　$(this).animate({fontSize: "+=5px"});
});

Enviar datos a la función:

$(document).ready(function() {
　　$("p").one("click", {msg: "¡Has hecho clic en mí!!!"}, showMsg)
});
function showMsg(event) {
　　$(this).append(event.data.msg);
});

Valor del parámetro

Eventos de jQuery