JQUERY NEDİR, NE İŞE YARAR? JQUERY KULLANMANIN 6 AVANTAJI

jQuery, JavaScript ile sık yapılan işleri çok daha kısa yazmayı sağlayan açık kaynaklı bir JavaScript kütüphanesidir. 2006'da çıktı ve "write less, do more" sloganıyla yıllarca web'in en popüler kütüphanesi oldu. Aşağıda jQuery'nin ne işe yaradığını, ne yaptığını, JavaScript ve Java ile ilişkisini, nasıl kullanıldığını ve bugün hâlâ kullanılıp kullanılmadığını dürüstçe bulacaksınız.

jQuery Nedir, Ne İşe Yarar?

jQuery, JavaScript ile sık yapılan işleri çok daha kısa ve kolay yazmayı sağlayan, açık kaynaklı bir JavaScript kütüphanesidir. 2006'da çıktı ve sloganı "write less, do more" (az yaz, çok iş yap) ile yıllarca web'in en popüler kütüphanesi oldu.

Temel amacı, saf JavaScript'te uzun ve tarayıcıdan tarayıcıya değişen kodları tek satıra indirmektir. Özellikle HTML öğelerini seçip değiştirmek, tıklama gibi olayları yakalamak, animasyon yapmak ve sunucuyla sayfa yenilemeden veri alışverişi (AJAX) jQuery ile kısalır. Kısacası jQuery, JavaScript'in yerine geçen bir dil değil; JavaScript'i daha pratik yazmak için bir yardımcı katmandır. JavaScript'in genel resmini JavaScript yazımda anlattım.

jQuery Ne Yapar? (DOM, Olaylar, Animasyon, AJAX)

jQuery'nin gücü birkaç ana başlıkta toplanır. Bir HTML öğesini seçmek için CSS seçicilerinin aynısını kullanır; örneğin bir butona tıklanınca bir kutuyu gizlemek saf JavaScript'e göre çok daha kısadır. jQuery kullanmanın başlıca avantajları şunlardır:

• Kolay DOM seçimi: öğeleri CSS seçicileriyle hızlıca seçip değiştirme.
• Olay yönetimi: tıklama, fare, klavye ve form olaylarını basit yakalama.
• Animasyon ve efekt: gizle/göster, kaydır, soldur gibi efektleri tek satırla yapma.
• AJAX kolaylığı: sayfayı yenilemeden sunucudan veri çekmeyi sadeleştirme.
• Tarayıcı uyumu: eski tarayıcı farklarını arka planda çözme (çıktığı dönemin en büyük artısı).
• Kısa ve okunur kod: "az yaz, çok iş yap"; daha az satırla aynı işi yapma.

Yetenekler birleşince jQuery yıllarca etkileşimli web sitelerinin temel aracı oldu. Hazır eklenti ekosistemi de (slider, takvim, form doğrulama) işleri hızlandırdı; benzer hazır araçları JavaScript kütüphaneleri yazımda derledim.

jQuery ile JavaScript Arasındaki İlişki

En çok karıştırılan nokta şudur: jQuery ayrı bir dil değildir. jQuery, tamamen JavaScript ile yazılmış bir JavaScript kütüphanesidir; yani jQuery kullanırken aslında yine JavaScript çalıştırırsınız, sadece hazır ve kısa fonksiyonlarla.

Benzetmeyle JavaScript bir dil (örneğin Türkçe), jQuery ise o dilde yazılmış pratik bir deyimler sözlüğüdür. O yüzden jQuery öğrenmeden önce JavaScript'in temelini bilmek gerekir; temeli atlayıp doğrudan jQuery'ye başlayan biri, kod çalışsa bile arkada ne olduğunu anlamaz. Önce JavaScript, sonra (gerekiyorsa) jQuery sıralaması en sağlıklısıdır; JavaScript temelleri için MDN iyi bir başvuru kaynağıdır.

Java ile JavaScript Karıştırılır: Aralarındaki Fark

İsim benzerliği büyük bir yanılgıya yol açar: Java ile JavaScript tamamen farklı iki dildir. Aralarındaki ilişki "kedi" ile "kedi balığı" kadardır; isimleri benzer, doğaları ayrıdır.

Java; masaüstü, Android ve büyük kurumsal sistemlerde kullanılan, ayrı derlenen bir programlama dilidir. JavaScript ise temelde web tarayıcısında çalışan, sayfalara etkileşim katan dildir. jQuery de JavaScript tarafındadır, Java ile hiçbir ilgisi yoktur. Kısacası: Java ayrı bir dil, JavaScript ayrı bir dil, jQuery ise JavaScript'in bir kütüphanesidir. İş ilanlarında veya kurslarda üç kavramı ayırt etmek başlangıçta çok işinize yarar.

jQuery Nasıl Kullanılır?

jQuery kullanmak için önce sayfaya eklenmesi gerekir. En kolay yol, bir CDN bağlantısını HTML'e koymaktır; alternatif olarak dosyayı indirip yerel koyabilir veya npm ile kurabilirsiniz. Eklendikten sonra kod genelde sayfa hazır olduğunda çalışacak şekilde yazılır.

jQuery'nin kalbi dolar işaretidir: $(seçici).işlem() kalıbı. Basit bir kod örneği şöyledir:

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
  $(document).ready(function(){
    $("#btn").click(function(){
      $("#kutu").slideToggle();
    });
  });
</script>

Yukarıdaki örnek, "btn" butonuna tıklanınca "kutu" öğesini açıp kapatır. Resmî dokümantasyon ve örnekler için jQuery'nin resmî sitesi ve W3Schools başlangıç için iyi kaynaklardır.

jQuery Hâlâ Kullanılıyor mu?

Dürüst yanıt: jQuery hâlâ çok yaygın ama eski günlerdeki kadar merkezde değil. Bugün hâlâ internetteki sitelerin çok büyük bölümünde (özellikle WordPress ve eski projelerde) jQuery çalışır; yani tamamen ölmüş değildir.

Ne var ki yeni, büyük projeler artık çoğunlukla React, Vue gibi modern araçlarla yazılıyor. Dahası, modern saf JavaScript (querySelector, fetch gibi) jQuery'nin çözdüğü birçok sorunu kendi başına çözüyor; modern özelliklerin tarayıcı desteğini caniuse üzerinden görebilirsiniz. Yani jQuery'nin "olmazsa olmaz" olduğu dönem geçti. Peki yeni başlayan ne yapmalı? Önce modern JavaScript'i ve bir framework'ü (React gibi) öğrenmek bugün daha mantıklıdır; jQuery'yi ise mevcut ve eski projeleri anlamak, bakım yapmak için öğrenmek değerlidir. Sıfırdan kariyer için öncelik jQuery değil, modern JavaScript'tir.

jQuery Ne Zaman Çıktı?

jQuery, 2006 yılında John Resig tarafından geliştirilip duyuruldu. Çıktığı dönemde her tarayıcının JavaScript'i biraz farklı yorumlaması büyük bir baş ağrısıydı; jQuery bu farkları arka planda çözerek geliştiricilerin işini kökten kolaylaştırdı ve hızla standart hâline geldi.

Yıllar içinde tarayıcılar standartlaştı ve JavaScript'in kendisi güçlendi; böylece jQuery'nin çözdüğü sorunların çoğu doğal olarak azaldı. Kütüphane bugün hâlâ geliştiriliyor ve güncel sürümleri yayımlanıyor, ama web geliştirmenin merkezindeki tahtını modern framework'lere bıraktı. Tarihsel olarak jQuery, modern web'in şekillenmesinde çok önemli bir rol oynadı; öğrenmek isteyenler için web tarihinin değerli bir parçasıdır.