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 fadeOut() Metodu

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

fadeOut() metodu, görünür bir elemanı görünmez hale getirir.

Yazılış biçimi:

$(seçici).fadeOut(hız,geriçağırma);

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ı gene isteğe bağlı olan "geriçağır" parametresi ise, gizleme olayı tamamlandığı zaman çalıştırılacak bir fonksiyondur.

Aşağıda, örnek bir HTML5 kodunu inceleyebilirsiniz:

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                              $("button").click(function(){
                                                $("#x1").fadeOut();
                                                $("#x2").fadeOut("slow");
                                                $("#x3").fadeOut(3000);
                                                });
                              });
            </script>
    </head>
    
    <body>
        <p>fadeOut() -DENEME</p>
        <button>KUTULARI YOK ET</button>
        <br><br>
        <div id="x1" style="width:50px;height:50px;background-color:blue;"></div><br>
        <div id="x2" style="width:50px;height:50px;background-color:green;"></div><br>
        <div id="x3" style="width:50px;height:50px;background-color:black;"></div>
        
    </body>
</html>

KUTULARI YOK ET düğmesine tıkladığınızda renkli kutular görünür olmaktan çıkacaktır.