Merhaba Arkadaşlar Jquery derslerinden 1.Dersimiz başlangıç dersimizden aşağıdakilerini görücez.
1)jQuery Sayfaya Çağırma
2)jQuery Nesne Seçimi
3)jQuery Hide ve Show Efektleri
1)jQuery Sayfaya Çağırma
jQueryi sayfaya çağırmak için aşağıdaki kodu kullanıyoruz.
2)jQuery Nesne Seçimi
jQueryde nesne seçimini $(“nesne”) şeklinde yapıyoruz.Örneğin $(“div#deneme”) şeklinde id`si deneme olan divi seçmiş oluyoruz.
Aşağıda paragraf ve bir div seçilmiştir.
3)jQuery Hide ve Show Efektleri
Hide ve Show Metodlarının Kullanımı ise $(“div”).hide(); şeklindedir.Aşağıdaki Kodları incelerseniz daha detaylı anlayabilirsiniz.Ayrıca Gizleme ve Göstermeyi Süreli şekildede Yapabiliriz.hide.(2000) parantezler arasındaki sayı 2 saniyeyi temsil eder.
Aşağıdaki Örneği Görüntülemek için Tıklayın.
KAYNAK : jQuery 1.Ders | Wordpress,Blogger,Teknoloji ve Daha Fazlası.
1)jQuery Sayfaya Çağırma
2)jQuery Nesne Seçimi
3)jQuery Hide ve Show Efektleri
1)jQuery Sayfaya Çağırma
jQueryi sayfaya çağırmak için aşağıdaki kodu kullanıyoruz.
Kod:
<script type = "text/javascript" src = "http://code.jquery.com/jquery-2.0.3.min.js"></script>
2)jQuery Nesne Seçimi
jQueryde nesne seçimini $(“nesne”) şeklinde yapıyoruz.Örneğin $(“div#deneme”) şeklinde id`si deneme olan divi seçmiş oluyoruz.
Aşağıda paragraf ve bir div seçilmiştir.
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<**** http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Jquery 1.Ders</title>
</head>
<body>
<script type = "text/javascript" src = "http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script type = "text/javascript">
$(function(){
$("#yazi");
$("p");
});
</script>
<div id="yazi">DBA Soft</div>
<p>Paragraf</p>
</body>
</html>
3)jQuery Hide ve Show Efektleri
Hide ve Show Metodlarının Kullanımı ise $(“div”).hide(); şeklindedir.Aşağıdaki Kodları incelerseniz daha detaylı anlayabilirsiniz.Ayrıca Gizleme ve Göstermeyi Süreli şekildede Yapabiliriz.hide.(2000) parantezler arasındaki sayı 2 saniyeyi temsil eder.
Aşağıdaki Örneği Görüntülemek için Tıklayın.
Kod:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<**** http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Jquery 1.Ders</title>
</head>
<body>
<script type = "text/javascript" src = "http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script type = "text/javascript">
$(function(){
$("div#yazi").hide(); // yazi adlı divi gizler.
$("div#yazi").show(); // yazi adlı divi gösterir.
$("div.yazi").hide(2000); // yazi adlı divi 2 saniye içinde gizler.
});
</script>
<div id="yazi">DBA Soft</div>
<div class = "yazi">Gizlenecek</div>
<p>Paragraf</p>
</body>
</html>
KAYNAK : jQuery 1.Ders | Wordpress,Blogger,Teknoloji ve Daha Fazlası.