jQuery Sözdizimi
jQuery ile HTML öğelerini seçer (sorgular) ve bunlar üzerinde "eylemler" gerçekleştirirsiniz.
jQuery Sözdizimi
jQuery sözdizimi, HTML öğelerini seçmek ve öğeler üzerinde bazı eylemler gerçekleştirmek için özel olarak yapılmıştır .
Temel sözdizimi: $( seçici ). eylem ()
- jQuery'yi tanımlamak/erişmek için bir $ işareti
- A ( seçici ) HTML öğelerini "sorgulamak (veya bulmak)" için
- Öğe(ler) üzerinde gerçekleştirilecek bir jQuery eylemi ()
Örnekler:
$(this).hide() - geçerli öğeyi gizler.
$("p").hide() - tüm <p> öğelerini gizler.
$(".test").hide() - class="test" ile tüm öğeleri gizler.
$("#test").hide() - id="test" ile öğeyi gizler.
CSS seçicilerine aşina mısınız?
jQuery, öğeleri seçmek için CSS sözdizimini kullanır. Bu öğreticinin sonraki bölümünde seçici sözdizimi hakkında daha fazla bilgi edineceksiniz.
İpucu: CSS bilmiyorsanız, CSS Eğitimimizi okuyabilirsiniz .
Belge Hazır Etkinliği
Örneklerimizdeki tüm jQuery yöntemlerinin bir belgeye hazır olay içinde olduğunu fark etmiş olabilirsiniz:
$(document).ready(function(){
// jQuery methods go here...
});
Bu, herhangi bir jQuery kodunun belgenin yüklenmesi tamamlanmadan (hazır) önce çalışmasını önlemek içindir.
Belgeyle çalışmadan önce belgenin tam olarak yüklenmesini ve hazır olmasını beklemek iyi bir uygulamadır. Bu aynı zamanda JavaScript kodunuzu belgenizin gövdesinden önce, başlık bölümünde bulundurmanıza da olanak tanır.
Belge tamamen yüklenmeden önce yöntemler çalıştırılırsa başarısız olabilecek bazı eylem örnekleri şunlardır:
- Henüz oluşturulmamış bir öğeyi gizlemeye çalışmak
- Henüz yüklenmemiş bir görüntünün boyutunu almaya çalışmak
İpucu: jQuery ekibi ayrıca belgeye hazır olayı için daha da kısa bir yöntem oluşturdu:
$(function(){
// jQuery methods go here...
});
Tercih ettiğiniz sözdizimini kullanın. Belge hazır olayının kodu okurken daha kolay anlaşılacağını düşünüyoruz.