Jquery Ders-7 .hide() ve .show() Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-7 .hide() ve .show() Kullanımı

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(3334)
RAPOR ET
Jquery serimize devam ediyoruz.Bu derste .show() ve .hide() methodlarını kullanımını göreceğiz.Show bir objeyi göstermek için.Hide gizlemek için.Anlatmaya başlayalım.

1-hide()
Kullanımı şu şekilde :
 $(".alan").hide(); 

Classı alan olan yeri gizleyecektir bu.Burda gizleyeceğimiz yer hemen gizlenir.Animasyonlu gizlemek için parantez içine gizlenme süresini yazmalıyız.

Süreyi milisaniye cinsinden yazıyoruz.1 saniye 1000 milisaniye demek.

 $(".alan").hide(1000); 


Şimdi 1 saniyede gizlenecektir.

1-show()
Objeleri göstermek için kullanırız.Kullanımı yukardaki hideyle aynı.Yine animasyonlu göstereksek parantez içine süreyi gireriz.

 $(".alan").show(300); 


300 milisaniyede alan görünür hale gelecektir.

Genel örnek :

<!DOCTYPE html>
<html lang="en">
<head>
<title>cArleone</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(".alan").hide(2000).show(300);
})
</script>
</head>
<body>

<div class="alan">cArleone</div>

</body>
</html>


cArleone yazısı 2 saniyede gizlenecek sonra 300 milisaniye de görünür hale gelecek.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol