If you're seeing this message, it means we're having trouble loading external resources on our website.

Bağlandığınız bilgisayar bir web filtresi kullanıyorsa, *.kastatic.org ve *.kasandbox.org adreslerinin engellerini kaldırmayı unutmayın.

Ana içerik

Tekrar: jQuery koleksiyonları ve döngüleme

jQuery koleksiyonları

Öğe bulmak için jQuery kullandığınızda, jQuery bir jQuery koleksiyon nesnesi verir:
var $heading = $('h1');
Değişken isimlerini $ işaretiyle başlatıp jQuery koleksiyon nesnelerini sakladıklarını göstermek yaygın bir uygulamadır. Böylece, DOM düğümlerini saklayan değişkenlerden onları ayırt edebiliriz.
DOM düğümünü bir jQuery nesnesinden çıkarmak isterseniz, jQuery nesnesin, bir dizi gibi düşünüp köşeli ayraç notasyonu kullanabilirsiniz:
var heading = $heading[0];
Bir DOM düğümünü bir jQuery nesnesine dönüştürmek isterseniz, jQuery fonksiyonuna geçirebilirsiniz:
var $heading = $(heading);

Koleksiyonlarda döngüleme

Eğer bir koleksiyondaki çok sayıdaki ögede döngü istiyorsanız, normal bir for döngüsü veya jQuery each() kullanabilirsiniz:
    $("p").each(function(index, element) { 
        $(elem).text( $(element).text() + "!!"); 
    );
each() fonksiyonunu çağırdığınızda, buna bir 'geri çağırma fonksiyonu' geçirmelisiniz. Böylece, koleksiyondaki her öge için jQuery o geri çağırma fonksiyonunu çağıracak ve mevcut indeksi ve ögeyi fonksiyona geçirecektir.
jQuery fonksiyon bağlamını halihazırdaki öğeye kuracaktır, böylece öğeyi this anahtar sözcüğüyle belirtebilirsiniz:
    $("p").each(function() { 
        $(elem).text( $(this).text() + "!!"); 
    );

Tartışmaya katılmak ister misiniz?

Henüz gönderi yok.
İngilizce biliyor musunuz? Khan Academy'nin İngilizce sitesinde neler olduğunu görmek için buraya tıklayın.