JQuery ile seçmek (query) HTML öğelerini ve gerçekleştirmek "actions" onlara.
jQuery sözdizimi
JQuery sözdizimi özel olarak üretilmiş içindir selecting bazı HTML öğelerini ve sahne action üzerine element(s) .
Temel sözdizimi: $( selector ). action () $( selector ). action ()
- Bir $ işareti / erişim jQuery'i tanımlamak için
- A ( selector ) için "sorgusu (or find) " HTML öğeleri
- Bir jQuery action () üzerinde yapılacak element(s)
Örnekler:
$(this). hide() $(this). hide() - Mevcut elemanı gizler.
$("p"). hide() $("p"). hide() - gizleyen <p> elemanları.
$(".test"). hide() $(".test"). hide() - tüm elemanları gizleyen class="test" .
$("#test"). hide() $("#test"). hide() - ile elemanının gizler id="test" .
Are you familiar with CSS selectors?
jQuery elemanlarını seçmek için CSS sözdizimini kullanır. Bu yazının sonraki bölümde seçici sözdizimi hakkında daha fazla öğreneceksiniz.
Belge Hazır Olay
Bizim örneklerde tüm jQuery yöntemleri, belge hazır olayı içinde olduğunu fark etmiş olabilir:
$(document) . ready(function() {
// jQuery methods go here...
});
Bu belge yükleme bitmeden çalışan herhangi jQuery kodu önlemektir (is ready) .
Belge onunla çalışmadan önce tam dolu ve hazır olması için beklemek iyi bir uygulamadır. Bu aynı zamanda baş bölümünde, belgenizin gövdesinden önce JavaScript kodunuzu sahip olmanızı sağlar.
İşte yöntemler belgeden önce çalıştırılır eğer başarısız eylemlerin bazı örnekler tam dolu olduğu gibidir:
- henüz oluşturulmadı bir öğe gizlemek için çalışılıyor
- Henüz yüklü değil bir görüntünün boyutunu almaya çalışırken
Tip: jQuery ekibi ayrıca belge hazır olay için bile kısa bir yöntem yarattı:
$( function() {
// jQuery methods go here...
});
Tercih sözdizimini kullanın. Biz belge hazır olay kodu okurken anlamak daha kolay olduğunu düşünüyorum.