JQuery Nedir ve Ne İşe Yarar?

JQuery’nin temel amacı, web sitelerinde uzun ve karmaşık JavaScript kodlarıyla uğraşmadan bazı işleri kısa kodlar vasıtasıyla yapmaktır. Bu da daha az kod satırıyla daha güçlü JavaScprit uygulamaları yazılmasını sağlar. JQuery ile animasyonlar, AJAX istekleri, görüntü efektleri ya da kullanıcı ara yüzleri gibi birçok işlem kolaylıkla yapılabilir. Açık kaynak kodlu ve öğrenimi kolay JQuery kullanımı için ön koşul HTML, CSS ve JavaScript kodları hakkında temel bilgilerin bilinmesi gerekliliğidir.

■ Açılır Menüler: JQuery ile çok düzeyli açılabilir ve fazla yer kaplamayan menüler yapılabilir.
■ XML (AJAX) İstekleri: Sayfayı yeniden yüklemek zorunda kalmadan, sunucusundan ek veri istemek için JavaScript kullanılabilir.
■ Öğelere Animasyonlu Efektler Ekleme: Web sayfasındaki öğelere çok çeşitli animasyonlar veya efektler eklenebilir.
■ Elementlerin Özelliklerini Değiştirme: Web sayfasındaki HTML, CSS gibi elementlerin özellikleri ya da sıraları değiştirilebilir.
■ Etkileşimli Nesneler: Kullanıcıların web sayfasında fare ya da klavye ile yönetebileceği etkileşimli nesneler yapılabilir.
■ DOM Kurgulama: Sadece birkaç satır kodla, sayfaya kolayca içerik eklenebilir, kaldırılabilir ya da yeniden sıralanabilir.
■ Görüntü veya Slayt Gösterileri: Farklı ve güzel animasyonlu slâyt gösterileri veya lightboxlar oluşturulabilir.
■ Sürükle ve Bırak Tarzı Arayüzler: Sadece sürükleyip bırakarak yeniden konumlandırılabilen ya da yeniden sıralanabilen öğelere sahip sayfalar oluşturulabilir.
■ Etkili ve Amaca Uygun Formlar: JQuery ile kolay şekilde birçok veri içeren formların doğrulaması sağlanabilir. Sunucu tarafında ki veritabanından otomatik olarak tamamlanan verilerle AJAX metin alanları oluşturabilir ve benzeri işlemleri yapılabilir.

Elbette ki birNC Web Tasarım firması olarak yukarıda belirttiğimiz işlemlerin hepsini kendi JavaScript kodunuzu yazarak da yapabilirsiniz. Ancak JQuery'yi kullanmak çok daha kolay ve hızlı bir yol olacaktır.

JQuery, HTML elementleriyle alakalı sorgular gönderir ve onlar üzerinde işlem yapılır. Yani seçmek ve işlem belirtmek olarak iki temel görevi vardır. JQuery kod yapısı da bu iki temel üzerine kuruludur.

JQuery dosya uzantısı '.js'dir. JQuery, sıkıştırılmış ve sıkıştırılmamış js dosyaları olmak üzere iki farklı şekilde indirilebilir. Sıkıştırılmamış.js dosyası yaklaşık olarak 61 KB iken sıkıştırılmamış.js dosyası ise yaklaşık olarak 21 KB kadardır.
Eğer, JQuery'yi oluşturan kodlara bakmak ya da bu kodlar üzerinde değişiklik yapılmak istenmiyorsa sıkıştırılmış sürüm yeterli olacaktır. JQuery indirmek için JQuery'nin resmi web sitesi kullanılabilir.

► http://jquery.com/download/

JQuery tek bir JavaScript dosyasından oluşur. Bu dosyayı web sayfalarına aşağıda vermiş olduğumuz örnekteki gibi yerleştirebilirsiniz.

JQuery'yi bilgisayarınıza indirmeden de faydalanabilirsiniz. Bunun için JQuery CDN (Content Delivery Network) kullanılır. Microsoft ve Google firmalarının JQuery için barındırma hizmeti bulunmaktadır.

JQuery ile güçlü ve etkili JavaScript uygulamaları yazarak Flash yazılımıyla rekabet edebilecek tarzda mobil sitelerde ve uygulamalarda da görüntülenebilen göz alıcı animasyon efektleri yapılır.

☆ Kullanım Kolaylığı: JQuery'nin kullanımı çok basittir. Yapılmak istenen pek çok işlem neredeyse tek bir satırda yapılabilir.
☆ Uyumluluk: JQuery en çok kullanılan web tarayıcılarında kolaylıkla çalışır. Yani Internet Explorer 6.0 ve üstü, Firefox 2.0 ve üstü, Safari 3.0 ve üstü, Chrome ve Opera 9.0 ve üstü sürümlerini destekler.
☆ Zincirlenebilirlik: JQuery de, 'The Magic of jQuery' (JQuery'nin Sihri) olarak adlandırılan bir özellik sayesinde çok kısa kodlar yazılabilir. Yani JQuery içerisinde yer alan metotları birbirleri ile zincirleyerek birden fazla işlem tek satırda yapılabilir.
☆ Eklentiler: Belli görevleri yapan ve JQuery üzerinde geliştirilmiş olan kod parçalarına JQuery eklentileri denilmektedir. Mesela web sayfasına mp3 player eklenmek istenirse jMP3 eklentisi bu ihtiyacı karşılayacaktır.
☆ Efektler: JQuery'de çok geniş bir efekt kütüphanesi olmasa bile yine de sık kullanılan efektleri bulmak mümkündür.
☆ Olaylar: JQuery; click, dblclick, mouseenter, mouseleave, blur, keyup, keydown vb. gibi DOM olaylarına eşdeğer işlevler içerir. Bu işlevler tarayıcılar arası sorunları otomatik olarak çözer.
☆ JQuery UI: JQuery birçok etkileyici işlem yapmak için oluşturulmuştur. Bunların çoğu da JQuery kütüphanesinde yer almaktadır. Ancak JQuery'de yüksek seviyeli yapılar ayrı bir bölümde toplanıp, düzgün bir kütüphane haline getirilerek JQuery'nin en üst katmanına yerleştirilmiştir. Bu katmana da (yani kütüphaneye) Jquery UI (JQuery Kullanıcı Arayüzü) denilmektedir.
☆ AJAX: JQuery, AJAX konularında da kullanıcılara kolaylıklar sunar. Bu şekilde de web sayfasının tamamı yüklenmeden, başka bir web sayfası ile etkileşime geçilebilir.
☆ Biçimlendirilmenin Temiz Olması: JQuery, satır içi kod yazılmasına izin vermemektedir. Bu da daha düzenli ve temiz kod yazma olanağı sunmaktadır. Bu şekilde kod yazarken yanlış yapılma olasılığı da engellenmiş olur.

Her ne kadar farklı gibi gözükse de, JQuery'nin bir JavaScript kütüphanesi olduğunu unutulmamalıdır. Yani JavaScript ile yapılamayan bir işlem JQuery ile de yapılamaz.

Değerli takipçilerimiz ve araştırmacı okuyucular "JQuery Nedir ve Ne İşe Yarar? JQuery Özellikleri Nelerdir?" yazısında gördüğünüz hatalarımızı tüm okuyuculara kusursuz bir yazı sunabilmemiz için bilgi@birnc.com.tr mail adresine bildirmenizi rica eder, işlerinizde üstün başarılar dileriz.