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 ...
Get HTML5 & CSS3 (Prags) now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.