Öne Çıkan Yayın

Uzak Masaüstü Bağlantısı ve Modem Port Ayarı

İyi günler bu konumuzda uzak masaüstü bağlantısı ve modem port ayarını anlatacağım. Normalde uzak masaüstü bağlantısı ayarını açtığımızda ye...

7 Eylül 2012 Cuma

Jquery .hide()

       jQuery hide nesneleri gizlememizi sağlar. Kullanım şekli aşağıdaki gibidir. id değeri hddv olan bir dive nasıl uygulayacağımıza bir bakalım.

<input id="hdbtn" value="Gizle" type="button" />
<div id="hddv" style="width:65px; height:65px; background-color:#666;"></div>
$("#hdbtn").click(); 
$("#hddv").hide(); 
hdbtn button una click fonksiyonumuzu atamış olduk. Bu atamadan sonra yapmak istediğimiz gizleme özelliğini click içinde oluşturuyoruz
$("#hdbtn").click(function(){
 // yapmak istediklerimizi bu kısımda düzenliyoruz.
  $("#hddv").hide(); veya $("#hddv").hide('slow'); veya $("#hddv").hide('fast');
    //hide özelliğimizin iki tane parametresi var slow ve fast bunlarıda örneklerde göreceğiz.
});
HTML görünüm
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>jQuery - hide()</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#hdbtn").click(function () {
                // eğer butona tıklanmış ise gizleme işlemini gerçekleştiriyoruz.
              $("#hddv").hide();
            });    
   
            $("#hdbtnsl").click(function () {
              $("#hddvsl").hide('slow'); //slow parametresini kullanıyoruz. yavaş yavaş gizleniyor.
            }); 
   
            $("#hdbtnfs").click(function () {
              $("#hddvfs").hide('fast'); //fast parametresini kullanıyoruz. hızlı gizleniyor.
            }); 
        });
    </script>
</head>
<body>
<input id="hdbtn" value="Gizle" type="button" />
<div id="hddv" style="width:65px; height:65px; background-color:#666;"></div>

<input id="hdbtnsl" value="Slow" type="button" /> <div id="hddvsl" style="width:65px; height:65px; background-color:#666;"></div>

<input id="hdbtnfs" value="Fast" type="button" /> <div id="hddvfs" style="width:65px; height:65px; background-color:#666;"></div> </body> </html>

İsterseniz testlerinizi HTML editörden yapabilirsiniz.


Örnek :