Turkcell | Geleceği Yazanlar

302: JQueryBaşlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

jQuery Efektleri - Hide ve Show (Gizle ve Göster)

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : web-programlama

jQuery, hide() ve show() metotları ile HTML elemanlarını gizleyebilir ya da görüntüleyebilir.

 

jQuery hide() ve show()

jQuery, hide() ve show() metotları ile HTML elemanlarını gizlemek ya da görüntülemek mümkündür:

$("#hide").click(function(){
  $("p").hide();
});
$("#show").click(function(){
  $("p").show();
});

 

hide() ve show() fonksiyonlarının yazılış biçimi

$(seçici).hide(hız,geriçağır);
$(seçici).show(hız,geriçağır);

Kullanımı isteğe bağlı olan hız parametresi, gizleme / görüntüleme hızını belirler ve birimi "slow" (yavaş), "fast" (hızlı) ya da milisaniye türündedir. Kullanımı isteğe bağlı olan "geriçağır" parametresi ise, hide() ya da show() metotları tamamlandığı zaman icra edilecek bir fonksiyondur.

Örneğin,

$("button").click(function(){
  $("p").hide(1000);
});