jQuery

Okunuşu: cey kuveri

Güncellendi 3 Ekim 20262 dk okuma

Kısaca

jQuery, öğe seçmeyi, olay yönetimini, animasyonu ve AJAX isteklerini tüm tarayıcılarda çalışan kısa bir sözdizimiyle kolaylaştıran JavaScript kütüphanesidir.

jQuery nedir?

2000'lerin ortasında tarayıcılar temel işlerin nasıl yapılacağında bile anlaşamıyordu; aynı betik çoğu zaman Internet Explorer ve Firefox için farklı kod gerektiriyordu. John Resig'in geliştirdiği jQuery bu farkları $ fonksiyonu etrafında kurulmuş küçük bir API'nin arkasına gizledi: $(".menu").hide() o sınıfa sahip her öğeyi bulup herhangi bir tarayıcıda gizliyordu.

Zincirleme yazım tarzı, $("#form").addClass("active").fadeIn(), olaylar ve AJAX için yardımcılarıyla birlikte ön yüz işini çok hızlandırdı ve etrafında binlerce eklenti oluştu. Yıllarca web'de JavaScript'in yazılma şekli doğrudan buydu; bugün hâlâ, çoğu zaman WordPress temaları ve eski sistemler üzerinden, web sitelerinin büyük bir kısmında yükleniyor.

Tarayıcılar sonradan yetişti. document.querySelectorAll, classList, fetch ve CSS geçişleri gibi standart özellikler artık jQuery'nin sunduklarının çoğunu karşılıyor; React ve Vue gibi framework'ler de arayüzlerin kurulma şeklini değiştirdi: sayfayı adım adım değiştirmek yerine onu veriden render ediyorlar.

Sık yapılan bir yanlış, jQuery'nin öldüğünü ya da onu kullanmanın yanlış olduğunu düşünmektir. Bakımı sürüyor ve sunucuda render edilen bir siteye küçük etkileşimler eklemek ya da mevcut bir kod tabanını çalışır tutmak için gayet uygun. Yeni ve karmaşık uygulamalar için ise modern tarayıcı API'leri ya da bir bileşen framework'ü genellikle daha iyi bir seçimdir.

Önemli noktalar

jQuery, ilk olarak 2006'da yayımlanan bir JavaScript kütüphanesidir.
Tarayıcı farklarını kısa $ sözdizimiyle yumuşattı.
DOM seçimini, olayları, animasyonu ve AJAX'ı basitleştirdi.
Bugün modern tarayıcı API'leri özelliklerinin çoğunu karşılıyor.
Mevcut sitelerde hâlâ yaygın, ama yeni uygulamalar nadiren onunla başlıyor.

Örnek

Aynı iş jQuery ile ve düz JavaScript ilejavascript

// jQuery
$(".alert").addClass("visible");
$("#save").on("click", () => {
  $.post("/api/save", { title: $("#title").val() });
});

// Modern browser APIs
document.querySelectorAll(".alert").forEach((el) => el.classList.add("visible"));
document.querySelector("#save").addEventListener("click", () => {
  fetch("/api/save", {
    method: "POST",
    body: new URLSearchParams({ title: document.querySelector("#title").value }),
  });
});

Sık sorulan sorular

jQuery hâlâ kullanılıyor mu?

Evet, çok sayıda mevcut web sitesinde, özellikle WordPress ve başka içerik yönetim sistemleriyle kurulanlarda. Yeni projeler onu çok daha az kullanıyor.

jQuery öğrenmeli miyim?

Önce modern JavaScript'i ve DOM'u öğrenin. jQuery'nin temellerini bilmek eski kodun bakımında işe yarar; temeller oturduktan sonra da çabucak öğrenilir.

jQuery'nin yerini ne aldı?

Küçük işler için querySelector, classList ve fetch gibi yerleşik tarayıcı API'leri. Daha büyük arayüzler için de React, Vue, Angular ve Svelte gibi bileşen framework'leri.

İlgili sayfalar

Bu sayfada bir hata ya da eksik mi gördünüz?Düzeltme önerin