jQuery’ye başlamak isteyen arkadaşlar için jQuery sitesinden bu adresteki dökümanı çevirdim. Herkese faydalı olma dileğiyle.jQuery Temelleri
İsterseniz herp beraber bir web sayfası oluşturarak işe başlayalım.

jQuery


http://arsiv.pilli.com/jquery.js dosyasını bu bağlantıdanindirebilirsiniz.Sayfa Açıldığında Kodun Çalıştırılması
Klasik javascript programcıları sayfa açıldığında bir kodu çalıştırmak için aşağıdaki yöntemi uygularlar.window.onload = function(){ alert(“welcome”); }
Bu kullanımında tüm resimler indirilene kadar javascript kodu çalışmayacaktır. Kodun çalıştırılmasını sağlamak için önce sayfa yüklenmelidir.jQuery basit bir şekilde dökümanı kontrol eder ve değişime hazır olana kadar bekler.$(document).ready(function(){// Kodunuz burada});
Şimdi sayfamızda var olan bağlantının click olayına biraz kod ekleyelim. Bunu yaparken document.ready metodunu kullanacağız.$(document).ready(function(){$(“a”).click(function(event){alert(“Ziyaretiniz için teşekkürler”);});});
Örneğin Tamamı
Biraz önce jQuery sitesinden jQuery.js dosyasını indirmiş ve kullanmıştık. İsterseniz bu dosyayı indirmeden Google Code platformundaki adresine link vererek dosyaya ulaşabilirsiniz.

jQuery


CSS Sınıfı Ekleme Çıkarma
Bir diğer genel konu da nesnelere css sınıfı ekleme ve çıkarmadır.İlk önce ediketimizin içine bir style ekleyelim.


Şimdi bu css sınıfını nesnemize ekleyelim. Bu kodu script kısmı içindeki document.ready metodunun içine eklemeyi unutmayın.$(“a”).addClass(“test”);
Aynı şekilde bir css sınıfını bir nesneden kaldırmak için de$(“a”).removeClass(“test”);
kodunu kullanırız.Özel Durumlar
Eğer bağlantıya tıklandığında sitenizin yönlendirme yapmasını engelliyorsanız jQuery’de bunun için de bir kaç efekt eklenmiştir.$(“a”).click(function(event){event.preventDefault();$(this).hide(“slow”);});
Bu kodu çalıştırdığnızda a etiketinizin click olayında yapılacak olan varsayılan eylem durdurulacak ve bağlantı yavaş yavaş gözden kaybolacaktır.GeriYükleme ve Fonksiyonlar
GeriYükleme bir fonksiyondan diğer bir fonksiyona argüman gönderir, ve ilk fonksiyon tamamlandıktan sonra çağrılan fonksiyon çalıştırılır.Argümansız GeriYükleme (CallBack)
$.get(‘myhtmlpage.html’, myCallBack);
Burada myCallBack Javascript fonksiyonunun ismidir.Argümanlı GeriYükleme
$.get(‘myhtmlpage.html’, function(){myCallBack(param1, param2);});
Genel Olarak Yapılan Hata
Genelde yapılan bir atadan burada bahsetmek iyi olur. Aşağıdaki kod çalışmayacaktır.$.get(‘myhtmlpage.html’, myCallBack(param1, param2));
Burada mantık hatası şudur : myCallBack fonksiyonu GeriYüklemeden önce çalıştırılacaktır.jQuery hakkında giriş bilgisi vermeye çalıştım. Kaynağın orjinal haline bu adrestenulaşabilirsiniz.