Query olay işleme yöntemleri (event handlers) JQuery’nin temel fonksiyonlarıdır. Olay işleyicileri HTML içinde bir şey olduğunda işletilen yöntemlerdir. Bu durum genellikle “tetiklenen olay” (triggered by an event) olarak ifade edilir.
Aşağıdaki kodu bir html sayfası içine yapıştırıp deneyebilirsiniz.
PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<html>
<head>
<script src="
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
title="JavaScript">js/jquery.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>Bu bir başlık</h2>
<p>Bir parağraf yazısı.</p>
<p>Başka bir parağraf.</p>
<button>Tıkla beni!</button>
</body>
</html>
Örnekte yapılacak işlemler buton tıklandığında aşağıdaki fonksiyonun tetiklenmesi ile yapılıyor.
$(“button”).click(function() {
…kodlar…
} );
Eğer birden fazla sayfanız varsa ve her biri için ayrı ayrı işlemler yapmak istiyorsanız, iki ya da daha fazla JQuery dosyasını sayfanızın <head> kısmına ekleyebilirsiniz.
JQuery sayfa tanımlaması için $ işaretini kısaltma olarak kullanmaktadır.