BLOG

7. Gün - jQuery Dersi 7

Tayfun Erbilen ekledi. 15 Ağustos 2012 Çarşamba

Yedinci jQuery dersimizde aşağıdakileri öğrendik;

- jQuery hover Metodu
- jQuery size - length Metodu
- jQuery fade Metodları
     * fadeOut
     * fadeIn
     * fadeTo
     * fadeToggle



Hover Metodunun Kullanımı
$("div.hover").hover(function(){
 $("div.diger").hide();
}, function(){
 $("div.diger").show();
});

Size Metodu Kullanımı
var toplamLi = $("ul li").size();
alert(toplamLi);

fadeOut Metodunun Kullanımı
$("button.b1").click(function() {
 $("div.div1").fadeOut(1000);
});

fadeIn Metodunun Kullanımı
$("button.b2").click(function() {
 $("div.div2").fadeIn();
});

fadeToggle Metodunun Kullanımı
$("button.b3").click(function() {
 $("div.div3").fadeToggle();
});

fadeToggle Metodunun Kullanımı
$("button.b4").click(function() {
 $("div.div4").fadeTo(2000, 0.3);
});


Gözat

23 yorum

  1. teşekkürler ;)

    YanıtlaSil
  2. Teşekkürler, izleyelim hemen. :)

    YanıtlaSil
  3. Teşekkürler .. konuyla pek alakası yok ama Tayfun abi BBSY videolarına nereden ulaşabiliriz..

    YanıtlaSil
    Yanıtlar
    1. Prototürk için çektiklerim benim elimde yok, öğretiyor için çektiklerimde ücretli dilersen onları satın alıp izleyebilirsin.. Ya da sanalkursta ilk bbsy serim var sanırım, ama ne kadar sağlıklı orası tartışılır :)

      Sil
    2. Hocam elinde forum scriptiyle ilgili dersler var mı? Eski videolarını tekrar paylaşmayı düşünüyor musun ileride?

      Sil
    3. zaten prototürk'deki dersler hala youtube hesabında duruyor :)
      http://youtube.com/prototurknetwork

      Sil
    4. Tayfun abi o bbsy video eğitim seti bittikten sonra (öğretiyor) 16.video çekip nasıl bir sonuç çıktığını gösterebilir misin ?

      Sil
  4. Allah senden razı olsun hakkını helal et forum dersleri olsa aslında çok güzel olurdu :)

    YanıtlaSil
  5. Saol Tayfun abi güzel olmuş...

    YanıtlaSil
  6. $(".kapat").click(function(){

    $("#panel").fadeOut(1000);
    $("#ac").fadeIn(1000);

    });

    $("#ac").click(function(){

    $("#panel").fadeIn(1000);

    });

    Tayfun abi burada ki kodlarımı , koyarak yapsam ne fark eder. Yani panel kapandığınd #ac adlı div gözüksün ve ac adlı dive tıklandığında panel açılsın dedim ben burada. Bunu en farklı nasıl yapabiliriz ?

    YanıtlaSil
  7. Teşekkürler tayfun, yeni projenide dört gözle bekliyoruz.

    YanıtlaSil
  8. burada jquery dersi hazırlayacağına eksik kalan php başlangıç dersini bitirsen iyi olmaz mı tayfun. Bu arada bende tüm prototurk dersleri var arkadaşlar hepsini youtube'a yüklüyorum yakında paylaşıcam.

    YanıtlaSil
    Yanıtlar
    1. bu sizi ilgilendiren bir konu değil, hergün çekeceğime dair söz verdiğim için bu sözü yerine getiriyorum.. Sanıyormusunuz ki onca boş vaktimde ne yapacağımı şaşırmış durumdayım? Yazık, hala bu denli yorumlar gelmesi beni üzüyor.

      Sil
    2. Hayırdır uşak mı tuttun ?

      Sil
    3. #Cengiz dostum dersleri paylaşırsan minnettar kalırım. Tayfun pratik ve iyi çocuktur çözüm bulacağına eminim. Php başlangıç kaç bölüm tayfun ve ne zaman biter sana başarılar.

      Sil
    4. 25 bölüm falan sürücek başlangıç dersleri. Ne zaman biteceği şuan için muamma, yakın zamanda diyelim geniş tutalım :)

      Sil
    5. Bana kalırsa jQuery dersleri daha önemli. PHP için videolu videosuz zilyon tane kaynak var. Ama jQuery hakkında henüz anlaşılır, uygulamalı örneklerle anlatılmış fazla bir kaynak yok. O yüzden Tayfun'un jQuery derslerine yer vermesinin daha faydalı olacağını düşünüyorum. Temel derslerden sonra anlatılan komutların birlikle kombine bir şekilde kullanılarak neler ortaya çıkarılabileceği konusunda da anlatımların beklentisi içerisindeyim. Keza eskiden, PT'nin ilk zamanlarından beri "Örnek Uygulamalar" kategorisi en sevdiğim kategoriydi. Çünkü okadar kodu yazıp yazıp karşımıza somut bir şey çıkınca mutlu oluyordum :) Bakarakta yazsan böyle çocuğun gibi oluyor, sonra başlıyorsun yeni öğrendiğin şeylerle onu geliştirmeye yada değiştirmeye... Güzel yani... Umarım arada yine(ayda 1 de olsa) örnek uygulama anlatmaya zamanın olur.

      Gerçekten çok teşekkürler Tayfun ;)

      Sil
    6. Jquery derslerinin daha gerekli olduğuna şüphe yok. Öyle olmasa pusuya yatıp burada ders beklemezdik herhalde. :)

      Gerçi yukarıdaki arkadaşın da kötü niyetle söylediğini sanmıyorum. Herkes kendi beklentisine göre düşünüyor.

      Tekrardan teşekkürler.

      Sil
    7. yok canım neden kötü niyetle söyleyeyim, sadece kendi fikrimi ve neden öyle düşündüğümü belirttim o kadar :)

      o da "jQuery hakkında yerli kaynak az olduğu için ona önem verilmesi daha iyi olur" du.

      bi art niyetim yok, PHP dersleri öncedem çekilmiş olan 40 tanesi (ki zaten o kadardı sanırım)YouTube.com/prototurknetwork adresinde duruyor. CSS derslerinin de bir kısmı orada bulunuyor.

      ama jQuery dersleri yok, Prototurk Dersleri diye bir YT kanalında var ama yarım yamalak. O yüzden jQuery dersleri daha önemi dedim. ^^

      Sil
  9. Çok güzel bir video daha.Cidden PHP'yi sizden öğrendiğim gibi jQuery'de öğreneceğime inanıyorum.Birde bir önerim var.

    http://docs.jquery.com/Tutorials

    Bunu biliyorsunuz.Burada aşağılarda Türkçe Eğitseller diye bir bölüm var.Bu bölüme kendi jQuery derslerinizi ekleyin bence.Daha çok kişi sitenizi ziyaret eder ve kişilere kolay yoldan bilgi sağlamış olursunuz.

    YanıtlaSil
  10. derslerin harika gidiyor. alakasız bişey soracam bu ckeditor kullandığımda yaptığım düzenlemelerin bazıları konu göstermede gözükmüyor.mesala yazı tipi değiştirdiğimde heading özellikleri gözükmüyor. acaba icerik gösterme divinde bi özellik mi olması gerekiyor?

    YanıtlaSil

HAKKIMDA

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müzikle de uğraşan sıradan birisi..