jQuery Efektleri - Gizle ve Göster
Gizle, Göster, Değiştir, Kaydır, Soldur ve Canlandır. VAY!
Paneli göstermek/gizlemek için tıklayın
Zaman değerli olduğu için hızlı ve kolay öğrenme sağlarız.
W3Schools'da öğrenmeniz gereken her şeyi erişilebilir ve kullanışlı bir formatta inceleyebilirsiniz.
Örnekler
Basit bir jQuery hide() yöntemini gösterir.
Başka bir hide() gösterimi. Metnin bölümleri nasıl gizlenir.
jQuery gizle() ve göster()
hide()jQuery ile HTML öğelerini ve show()yöntemleriyle gizleyebilir ve gösterebilirsiniz :
Örnek
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Sözdizimi:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
İsteğe bağlı hız parametresi, gizleme/gösterme hızını belirtir ve şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.
hide()İsteğe bağlı geri arama parametresi, veya yöntemi tamamlandıktan sonra yürütülecek bir işlevdir show()(geri arama işlevleri hakkında daha sonraki bir bölümde daha fazla bilgi edineceksiniz).
Aşağıdaki örnek, hız parametresini şu şekilde gösterir hide():
Örnek
$("button").click(function(){
$("p").hide(1000);
});
jQuery geçişi()
toggle()Yöntemle bir öğeyi gizleme ve gösterme arasında da geçiş yapabilirsiniz .
Gösterilen öğeler gizlidir ve gizli öğeler gösterilir:
Örnek
$("button").click(function(){
$("p").toggle();
});
Sözdizimi:
$(selector).toggle(speed,callback);
İsteğe bağlı hız parametresi şu değerleri alabilir: "yavaş", "hızlı" veya milisaniye.
toggle()İsteğe bağlı geri arama parametresi, tamamlandıktan sonra yürütülecek bir işlevdir
.
jQuery Alıştırmaları
jQuery Efektleri Referansı
Tüm jQuery efektlerine tam bir genel bakış için lütfen jQuery Effect Reference sayfamıza gidin .