astropaykartsatis.net
User Tag List

Yeni Konu Aç Cevap Yaz
18.09.2013, 16:42 1 (permalink)
dbatasarim
  • Neredenİstanbul Şubesi
  • Üyelik Tarihi12.08.2013
  • Yaş21
  • Ticaret Sayısı0
  • Mesajlar18
jQuery`e Başlangıç - 1.Ders #permalink (permalink)
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.

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ı.

Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
Yeni Konu Aç Cevap Yaz
Şu an bu konuyu okuyan kişi sayısı: 1 (0 üye ve 1 misafir)
 
Seçenekler
Yetkileriniz
Konu Acma Yetkiniz Yok Cevap Yazma Yetkiniz Yok Eklenti Yükleme Yetkiniz Yok Mesajınızı Değiştirme Yetkiniz Yok
BB code is Açık Smileler Açık [IMG] Kodları Açık HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık
Forum Kuralları
Benzer Konular
Konu Konuyu Başlatan Forum Cevap Son Mesaj
Satılık her çeşit DOMAİNLER (COM,NET,ORG) Vol.3 cAgAbA Satılık Domainler 1 13.03.2011 15:59
Satılık her çeşit DOMAİNLER (COM,NET,ORG) Vol.2 cAgAbA Satılık Domainler 17 29.01.2011 17:04
Çeşit Çeşit Domain İlk 2 ve Üstü Alaşta 1 Domain Hediye Üstelik 4 YTL den Başlıyo... Starygece Domain 1 12.08.2008 15:07
32 Kalite Domain... 4 YTL'Den 50 YTL'ye Kadar... Kaçırmaaa Bu Fırsatı..! Starygece Domain 5 29.03.2008 15:23
Bazı siteleri TOPTAN satıyorum. Cky Site Takas 4 6.03.2007 15:37

Forum Saati: 01:30. Zaman dilimi GMT +3 olarak ayarlanmıştır.
Powered by vBulletin™ Version 3.8.7
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.