jQuery Grameri

jQuery ile, HTML elementlerini seçebilir (sorgulayabilir, arayabilir) ve üzerinde "işlem" (action) yapabilirsiniz.

jQuery dil yapıları örnekleri

$(this).hide()
jQuery hide() fonksiyonunu gösterir, mevcut HTML elementini gizler.
$("#test").hide()
jQuery hide() fonksiyonunu gösterir, id="test" olan elementi gizler.
$("p").hide()
jQuery hide() fonksiyonunu gösterir, <p> elementlerini gizler.
$(".test").hide()
jQuery hide() fonksiyonunu gösterir, class="test" olan tüm elementleri gizler.

jQuery Grameri

jQuery dil yapısı, HTML elementlerinin seçilmesi için tasarlanmıştır ve bu elementlere belirli işlemler yapılabilir.

Temel dil yapısı:$(selector).action()

  • Dolar işareti jQuery'yi tanımlar
  • Seçici (selector) "sorgulama" ve "bulma" HTML elementlerini
  • jQuery'nin action() fonksiyonu, elementlere işlem yapmayı gerçekleştirir

Örnek

$(this).hide() - mevcut elementi gizler

$("p").hide() - tüm paragrafları gizler

$(".test").hide() - class="test" olan tüm elementleri gizler

$("#test").hide() - id="test" olan tüm elementleri gizler

İpucu:jQuery'nin kullandığı dil, XPath ve CSS seçici dilinin birleşimidir. Bu rehberin sonraki bölümlerinde, seçici dilin daha fazla hakkında öğreneceksiniz.

Belge hazır fonksiyonu

Belki de örneklerimizdeki tüm jQuery fonksiyonların bir document ready fonksiyonu içinde olduğunu fark etmişsinizdir:

$(document).ready(function(){
  // jQuery fonksiyonları buraya gelecek
});

Bu, belgenin tamamen yüklenmiş (hazır) olmadan önce jQuery kodunun çalışmasını önlemek içindir.

Eğer fonksiyon, belge tamamen yüklenmeden önce çalıştırılırsa, işlem başarısız olabilir. Aşağıda iki örnek verilmiştir:

  • Bir elementi gizlemeye çalışmak
  • Tamamen yüklenmemiş olan görselin boyutunu elde etmek