Méthode jQuery one()

Événements de jQuery

La méthode one() ajoute un ou plusieurs gestionnaires d'événements à l'élément sélectionné.

cette fonction sera également exécutée lors de l'occurrence de l'événement.

Cette méthode s'appelle one car tout gestionnaire d'événement attaché à cette méthode pour chaque élémentne s'exécutera qu'une seule fois.

Syntaxe :

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

Exemple

Ajouter l'événement click à tous les éléments <p> (l'événement ne se déclenche qu'une seule fois pour chaque <p>):

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

Afficher la différence entre les méthodes one() et on() :

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

Ajouter plusieurs gestionnaires d'événements à tous les éléments <p> :

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

Transmettre des données au fonction :

$(document).ready(function() {
　　$("p").one("click", {msg: "Vous avez juste cliqué sur moi!!!"}, showMsg)
});
function showMsg(event) {
　　$(this).append(event.data.msg);
});

Valeur du paramètre

Événements de jQuery