HTML5 & CSS3 (Prags)

B.5 Events

Häufig müssen wir Events auslösen, wenn Benutzer mit unserer Seite interagieren. Mit jQuery ist das ganz einfach. Viele gebräuchliche Events sind in jQuery einfach Methoden des jQuery-Objekts, die eine Funktion als Parameter entgegennehmen. So können wir beispielsweise alle Links mit der Klasse popup auf einer Seite in einem neuen Fenster öffnen lassen:

jquery/popup.html

1       var links = $("#links a");
2       links.click(function(event){
3         var address = $(this).attr('href');
4         event.preventDefault();
5         window.open(address);
6       });

In unserem jQuery-Event-Handler können wir auf das jeweilige Element über das Schlüsselwort this zugreifen. In Zeile 3 übergeben wir this an die jQuery-Funktion, damit wir die attr()-Methode schnell aufrufen und die Zieladresse ...