JQuery Nedir?
JQuery bir javascript kütüphanesidir. Ya da bir javascript framework' üdür diyebiliriz. Daha çok sayfalardaki animasyonlar için flash alternatifi olarak kullanılan bu teknoloji ile slaytlar, foto galeriler, tab menüler yapmak oldukça kolaydır. CSS ile yapılan statik siteler JQuery ile bir adım ileri götürülerek görsel açıdan zengin animasyonlu bir site oluşturulabilir.
JQuery artık bir çok sitede kullanılmaya başlandı. WordPress buna en basit ve çarpıcı örnektir. Kullanımı gitgide yaygınlaşan bu teknolojinin bu kadar çok sevilmesinin belki de en büyük sebepleri; hız, performans, kullanım kolaylığı ve kodları inanılmaz şekilde kısaltmasıdır.
JQuery Nasıl Kullanılır?
HTML kodunda <head> tagları içine
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
kodu yazılarak JQuery kütüphanesi eklenir.
alert, click, hover Nedir? Nasıl kullanılır?
alert: İçerisine yazılan metni mesaj kutusunda gösterir.
click: Belirlenen öğenin fare ile tıklanıp bırakılması eylemini yakalar ve ona göre işlem yapar.
hover: Belirlenen öğenin fare ile üzerine gelme eylemini yakalar ve ona göre işlem yapar.
Örnek kod:
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<style>
.merve{ background:gray; padding: 10px 50px; display:inline-block;}
</style>
</head>
<script>
$(document).ready(function(){
alert('sayfa yüklendi...');
$('a.merve').click(function(){
$(this).fadeOut(500);
});
});
</script>
<body>
<a href="# " class="merve">Tıklayınız...</a>
</body>
</html>
Hiç yorum yok:
Yorum Gönder