Jquery Event .click(): Javascript deki .bind('click', handler) ve .trigger('click') yerine kullanılır. Belirlenen öğenin fare (mouse) ile tıklanıp bırakılması eylemini yakalar ve ona göre işlem yapar. Herhangi bir html öğesi ile bu olay tetiklenebilir. Örneğin basitçe sadece bir öğenin otomatik olarak tıklanmasını sağlayabilir:
$('#button').click();
Ya da bu tıklanma olayını başka bir tıklanma ile tetikleyebilirsiniz:
$('#start').click(function(){
$('#button').click();
});
Başka bir bütün örnek görmek gerekirse:
<!DOCTYPE html><html><head><style>p { color:red; margin:5px; cursor:pointer; }</style><script src="http://code.jquery.com/jquery-latest.js"></script></head><body><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p><script>$("p").click(function () {$(this).slideUp();});</script></body></html>
Burada gerçekleşen olaylar:
- Yukarıda "style" etiketiyle "p" paragraf öğesine stil verilir.
- İlk "script" etiketi ile jquery kütüphanesi çağırılır. (Dışarıdan değil de yerel de çağırılabilinir.)
- Alt kısımdaki ikinci "script" etiketi ile site veya sayfa içi scriptler çağırılır.
- Paragrafa tıklanmak ".click" eventi ile yakalanır.
- "this" ile tıklanan öğe belirtilir.
- Bu öğeye "slideUp" efekti uygulanarak paragraf kapatılmaktadır.