Jquery bir javascript kütüphanesi, bir javascript frameworküdür. Sayfalardaki animasyonlar için Flash alternatifi olarak kullanılan bu teknoloji ile, slaytlar, foto galeriler,tab menüler yapmak oldukça kolaydır.
Jquery ile CSS iç içedir. Az kod yaz fazla tasarım çıkart Jquery’nin sloganıdır.
Nasıl Çalıştırılır?
JQuery sadece 1 dosyadan oluşan .js uzantılı bir dosyadır. Sürekli güncellenen bu dosyayı JQuery nin resmi sitesinden indirebilirsiniz.
İndirme işleminden sonra artık dosyayı kendi sayfanıza entegre edebilirsiniz.
<script type="text/javascript" src="latest-jquery.js"></script>
Entegre edilen bu kütüphane JQuery komutlarını çalıştırabilmemizi sağlayacaktır.
JQuery Örnekleri;
click ile alert komutu;
Belirlenen ögenin fare ile tıklanıp bırakılması eylemini yakalar ve ona göre işlem yapar.
<html>
<head>
<title>odev</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<style>
.gamze{padding:100px; display:block; background:red; width:250px;}
</style>
</head>
<body>
<a href="#" class="gamze">Bilgisayar Muhendisligi</a>
<script>
$('a.gamze').click(function(){
alert("ALARM");
});
</script>
</body>
</html>
hover ile alert komutu;
Herhangi bir nesnenin fare ile üzerine gelme ve üzerinden ayrılma işlemi için jQuery’de bu api kullanılır.
<html>
<head>
<title>odev</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<style>
.gamze{padding:100px; display:block; background:red; width:250px;}
</style>
</head>
<body>
<a href="#" class="gamze">Bilgisayar Muhendisligi</a>
<script>
$('a.gamze').hover(function(){
alert("ALARM");
});
</script>
</body>
</html>
Nasıl Çalıştırılır?
JQuery sadece 1 dosyadan oluşan .js uzantılı bir dosyadır. Sürekli güncellenen bu dosyayı JQuery nin resmi sitesinden indirebilirsiniz.
İndirme işleminden sonra artık dosyayı kendi sayfanıza entegre edebilirsiniz.
<script type="text/javascript" src="latest-jquery.js"></script>
Entegre edilen bu kütüphane JQuery komutlarını çalıştırabilmemizi sağlayacaktır.
JQuery Örnekleri;
click ile alert komutu;
Belirlenen ögenin fare ile tıklanıp bırakılması eylemini yakalar ve ona göre işlem yapar.
<html>
<head>
<title>odev</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<style>
.gamze{padding:100px; display:block; background:red; width:250px;}
</style>
</head>
<body>
<a href="#" class="gamze">Bilgisayar Muhendisligi</a>
<script>
$('a.gamze').click(function(){
alert("ALARM");
});
</script>
</body>
</html>
hover ile alert komutu;
Herhangi bir nesnenin fare ile üzerine gelme ve üzerinden ayrılma işlemi için jQuery’de bu api kullanılır.
<html>
<head>
<title>odev</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<style>
.gamze{padding:100px; display:block; background:red; width:250px;}
</style>
</head>
<body>
<a href="#" class="gamze">Bilgisayar Muhendisligi</a>
<script>
$('a.gamze').hover(function(){
alert("ALARM");
});
</script>
</body>
</html>
Hiç yorum yok:
Yorum Gönder