Web Development

Ein Lehrbuch für das Informatik oder Medien-Informatik Studium.

jQuery bietet eine etwas kürzere Schriebweise statt addEventListener an. Z.B. die Methode click: als Argument wird nur eine Funktion übergeben, die aufgerufen werden soll wenn das Event feuert. Hier kommen meist anonyme Funktionen zum Einsatz.

In folgendem Beispiel ist es das mouseover event:

$("a").on('mouseover', function(event){
  // code wird bei mouseover ausgeführt
});

Innerhalb der Funktion steht die Variable this zu Verfügung, sie erhält den Tag der das Event ausgelöst hat.

Um den angeklickten Tag als jQuery Objekt zu erhalten kann man wieder die Funktion $ verwenden:

$("a").on('mouseover', function(event){
  $(this).find("span").show();
});

Das vollständiges Beispiel zeigt mouseover und mouseout.