Ana içerik
Konu: Bilgisayar Programlama > Ünite 7
Ders 4: jQuery TeknikleriTekrar: 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.