jQuery’e Giriş

jQuery, hızlı, küçük ve zengin özelliklere sahip bir JavaScript kütüphanesidir.

jQuery, platform bağımsız olarak tanımlayabileceğimiz bir yapıda tasarlanmıştır. Bu yapısı birçok farklı İnternet tarayıcısında sorunsuz olarak çalışabilmesini sağlar.

HTML belgesinde gezinme, olay işleme, animasyon ve diğer Ajax uygulamalarını çok daha basit hâle getirir.

jQuery, açık kaynak kodlu bir projedir.

JavaScript kütüphanelerinin genel çalışma prensipleri jQuery için de geçerlidir.

jQuery kütüphane dosyasına iki farklı şekilde bağlantı sağlanabilir; dosya yerel bir adreste bulunabilir, İnternet üzerinde yer alan depolar üzerinden kullanılabilir.

jQuery, kod geliştiricller ve Web tasarımcılar için farklı kütüphane sürümleri sunar; bu sürümler arasındaki fark kodlar üzerinde değişiklik yapma kolaylığı sağlaması ile ilgilidir.

jQuery sözdizimi şablonu temel olarak iki bölümden oluşur; seçici ve eylem. Seçici kısmı işlem yapılacak HTML elemanının seçilmesini, eylem kısmı ise gerçekleştirilecek fonksiyonu belirlememizi sağlar.

jQuery Web sayfasının tamamı yüklenmeden çalışmaya başlaması durumunda hataya neden olabilir. Bu hatayı engellemek için "doküman hazır olayı" adlı özel bir fonksiyon yer almaktadır.

jQuery'de bir fonksiyonun çalışması için farklı tetikleme seçenekleri bulunmaktadır. Bu seçenekler; fare olayları, klavye olayları, form olayları ve doküman olaylarıdır.

jQuery içerisinde kullanıcı etkileşimini arttıracak ve kullanıcı deneyimini daha eğlenceli hale getirebilecek efektler yer almaktadır. jQuery efektleri teker teker ya da bir arada kullanılabildiği gibi, birden fazla efekt belirli bir sırayla da kullanılabilir.

Gizle / Göster efekti: jQuery ile HTML elemanlarını gizle (hide ve göster (show) metotları ile gizleyebilir ya da görünür hale getirebilirsiniz.

Soldurma efekti: jQuery ile HTML elemanlarını soldurma (fade) metodunu kullanarak soldurma efekti ile gizleyebilir ya da belirginleştirme efekti ile görünür hale getirebilirsiniz.

Kayma efekti: jQuery ile HTML elemanlarını kayma (slide) metodunu kullanarak kaydırabilirsiniz.

Hareketlendirme efekti: jQuery ile HTML elemanlarına kendi belirlediğiniz şekilde (önceden tanımlanmış efektlerden bağımsız olarak) farklı hareket ve efektler vererek animasyonlar oluşturabilirsiniz. Bu animasyonlar HTML elemanlarının sayfa üzerindeki konumlarını değiştirerek, renk ve boyutları üzerinde değişiklikler yaparak gerçekleştirilmektedir.

Hareketlendirme efekti uygulanmış çalışmalarda süreç tamamlanmadan animasyon durdurulmak isteniyorsa dur (stop) metodu kullanılabilir.