$("#id") tag ini akan mencari tag yang menggunakan atribut id=id sama juga dengan getElementById().
$(".id") tag ini akan mencari tag yang menggunakan atribut class=id sama juga dengan getElementByClassName().
$("div") tag ini akan mencari tag yang menggunakan atribut div ,<div></div> atau sama dengan getElementByTagName("div").
Animasi :
1. Hide and Show :
HTML(jquery.html)
<!DOCTYPE html>
<html>
<head>
<style>
.anim { background:#000; padding:3px; float:left; color:#FFF; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script> // Ini adalah plugin jquery yang membuat pergerakan animasi menjadi lebih halus
</head>
<body>
<button id="hidr">Hide</button>
<button id="showr">Show</button>
<div>
<span class="anim">Suatu saat nanti saya akan menjadi programmer hebat</span>
</div>
<script>
$("#hidr").click(function () {
$(".anim").hide("slow")});
$("#showr").click(function () {
$(".anim").show(1000);
});
</script>
</body>
</html>
Example :
Suatu saat nanti saya akan menjadi programmer hebat
Selanjutnya saya akan membuat tutorial tentang jquery fade in and fade out
Tidak ada komentar:
Posting Komentar
Leave a message