Universelle Methode on in jQuery

Zum Binden von Events kann auch die universelle Methode on verwendet werden. Der erste Parameter ist der Name des Events (z.B. 'click'), und der zweite - die Funktion, die gebunden werden soll.

Betrachten wir ein Beispiel mit dem folgenden HTML-Code:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

Das CSS sieht so aus:

cssli {
  width: 100px;
  cursor: pointer;
}

Schreiben wir nun den Code für li, den wir zuvor geschrieben haben, mit der Methode on um. Klicken Sie zur Überprüfung der Funktion auf die Listenelemente:

javascript$('li').on('click', function() {
  $(this).append('!');
});

Es ist möglich, eine Funktion gleichzeitig an mehrere Event-Typen zu binden - dazu müssen diese durch Leerzeichen aufgelistet werden: 'click mousemove usw.'. Zum Beispiel so:

javascript$('li').on('click mousemove', function func() {
  $(this).append('!');
});