jQuery'de Fare Olayları veya ingilizcede Mouse Events olarak kullanılan metodlar oldukça kullanışlıdır. Aşağıda açıklamalar, sözdizimleri ve örnekler bulunmaktadır. .click(): Seçili nesne tıklandığı zaman çalışır. .dblclick() : Seçili nesne çift tıklandığı zaman çalışır. .hover(): Seçili nesnenin üzerine mouse ile gelindiğinde ve mouse üzerinden gittiğinde çalışacak fonksiyonları çalıştırmaya yarar. Aşağıda anlatacağım .mouseenter() ve .mouseleave() metodlarının birleşimidir. Parametre olarak tek fonksiyon yazılırsa .mouseenter() ve .mouseleave() aynı işlemi yapar. .mousedown() : Fareye seçili nesne üzerinde basıldığı zaman çalışır. .mouseup() : Farenin basılma tuşu seçili nesne üzerinde bırakıldığı zaman çalışır. .mouseleave() : Olay, fare sadece seçili nesne üzerinden ayrıldığı zaman tetiklenir. .mouseout() : Olay, fare hem seçili nesne hem de o nesnenin child(çocuk) elemanları üzerinden ayrıldığı zaman tetiklenir. .mouseenter() : Olay, fare sadece seçili nesne üzerine geldiği zaman tetiklenir. Genellikle .mouseleave() metoduyla birlikte kullanılır. .mouseover() : Olay, fare hem seçili nesne hem de o nesnenin child(çocuk) elemanları üzerine geldiği zaman tetiklenir. Genellikle .mouseout() metoduyla birlikte kullanılır. .mousemove(): Fare seçili nesne ve o nesnenin child(çocuk) elemanları üzerinde gezindikçe çalışır.

.delay(): animasyonu veya işlemleri bir süre durdurup bekletmeye yarar. .animate() : Nesnenin CSS özelliklerini değiştirerek belirli bir hızda animasyonlar yapmaya yarar. CSS özellikleri olarak width, height, border, background-color, font-size gibi özellikleri değiştirerek animasyonlar yapılabilir. .stop(): Mevcut animasyon hareketini durdurur. Animasyon tekrar oynatıldığında ise kaldığı yerden devam eder.

show, hide ve toggle metotları jQuery'de basit efektler oluşturmak için kullanılırlar. Aşağıda bu metotların kullanımı görülmektedir.  .show(): Seçilen nesneyi bir kez belirli bir hızda göstermeye yarar. .hide() : Seçilen nesneyi bir kez geçici olarak belirli bir hızda gizlemeye yarar. .toggle(): Seçilen nesne gizli ise göstermeye gösteriliyor ise de gizlemeye yarar.

jQuery'de Sönme Efektleri olarak kullanılan bu 4 metodun kullanımı oldukça basittir. Aşağıdaki söz dizimlerini inceleyiniz. .fadeIn() : Seçilen nesneyi opacity(şeffaflık) değerini belirli bir hızda artırarak göstermeye yarar. .fadeOut() : Seçilen nesneyi opacity(şeffaflık) değerini belirli bir hızda azaltarak gizlemeye yarar. .fadeToggle(): Seçilen nesneyi durumuna göre gösterir veya gizler. Yani gizliyse göstermeye, açıksa gizlemeye yarar. .fadeTo() : Seçilen nesnenin belirtilen opacity değerine belirli hızda ulaşmasını sağlar.

jQuery'de Kaydırma Efektleri olarak kullanılan bu 3 metodun kullanımı oldukça basittir. Aşağıdaki söz dizimi 3 metod içinde geçerlidir. .slideDown(): Seçilen nesneyi yukarıdan aşağıya doğru belirli bir hızda açılarak göstermeye yarar. .slideUp() : Seçilen nesneyi aşağıdan yukarıya doğru belirli bir hızda kapanarak gizlemeye yarar. .slideToggle(): Seçilen nesneyi durumuna göre gösterir veya gizler. Yani kapalıysa açmaya, açıksa kapatmaya yarar.

.keydown() metodu bir klavye tuşuna basıldığı zaman çalışır. .keyup() metodu ise bir klavye tuşundan parmak kaldırıldığı zaman çalışır. .keypress() metodu ise bir klavye tuşu basılı tutulduğu sürece çalışır. Klavye tuşuna basma anını temsil eder.

jQuery komutlarımızın başına jQuery yada $ işareti koymak zorundayız. Genel kullanımı $ işaretidir. document.ready nin 4 farklı yazım şekli anlatılmıştır.