Aşağıda bir bağlantıyı tıklandığında ekranda alert mesajı gösteren örnek görülmektedir :
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <a href="http://www.fibiler.com/">fibiler'e git</a> <script src="jquery-1.7.2.min.js"></script> <script> $(document).ready(function(){ $("a").click(function(event){ alert("Hello JQuery"); }); }); </script> </body> </html>
document.ready ile dökümanın hazır olması beklenmekte ve sayfa içindeki a etiketinin click event'i (olay) için kod yazılmıştır. Belge içinde tek bir a olması nedeniyle sadece $("a") ile elementin seçilmesi yeterli olmuştur.