English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery one() Methode

jQuery Ereignisse

Die one() Methode fügt einem ausgewählten Element einen oder mehrere Event-Handler hinzu.

auch die Funktion hinzufügt, die beim Eintreten des Ereignisses ausgeführt werden soll.

Diese Methode wird one genannt, weil jeder Event-Handler, der auf diese Methode gesetzt wird, für jedes Elementwird nur einmal ausgeführt.

Syntax:

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

Beispiel

Füge den Click-Event zu allen <p>-Elementen hinzu (der Event wird nur einmal für jedes <p>-Element ausgelöst):

$("p").one("click", function(){
  $(this).animate({fontSize: "+=5px"});
});
Testen Sie heraus‹/›

Zeige den Unterschied zwischen den Methoden one() und on():

$(document).ready(function(){
  $("#para-1).one("click", myFunc);
  $("#para-2.on("click", myFunc);
});
Testen Sie heraus‹/›

Mehrere Ereignisbehandler zu allen <p>-Elementen hinzufügen:

$("p").one("click dblclick", function(){
  $(this).animate({fontSize: "+=5px"});
});
Testen Sie heraus‹/›

Daten an die Funktion übergeben:

$(document).ready(function(){
  $("p").one("click", {msg: "du hast mich gerade geklickt!!!"}, showMsg)
});
function showMsg(event) {
  $(this).append(event.data.msg);
});
Testen Sie heraus‹/›

Parameterwert

ParameterBeschreibung
eventSpezifizieren Sie ein oder mehrere durch Leerzeichen getrennte Ereignisse
data(Optional) Weitere Daten, die an die Funktion übergeben werden sollen, spezifizieren
Hinweis:WennDatenParameter werden an die Methode one() übergeben und werden beim Auslösen des Ereignisses anevent.dataHandler in den Attributen.
functionFunktion, die beim Auslösen des Ereignisses ausgeführt wird

jQuery Ereignisse