<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 :
Hiç yorum yok:
Yorum Gönder