4. Gün – jQuery Dersi 4

Dördüncü jQuery dersimizde aşağıdakileri öğrendik;
– jQuery Live Metodu
– jQuery Append Metodu
– jQuery Index Metodu

Live Metodu Tek Olay Kullanımı

$("button").live("click", function(){
 $(this).after('<button>Banada Tıkla</button>')
});

Live Metodu Birden Fazla Olay Kullanımı (jQuery 1.9 versiyonu ile bu metod kaldırılmıştır.)

$("p").live({
	click: function(){
		$(this).after('<p>Bunada Tıkla</p>');
	},
	mouseover: function(){
		$(this).addClass("deneme");
	},
	mouseout: function(){
		$(this).removeClass("deneme");
	}
});

Append Metodu Kullanımı

$("a").click(function(){
	$("div#Erbilen").append("<div>Bu yeni div</div>");
});

Index Metodu Kullanımı – Basit Tab Yapısı

$("div.tab:not(:first)").hide();
$("ul li").click(function(){
	var index = $(this).index();
	$("div.tab").hide();
	$("div.tab:eq("+index+")").show();
});

Yayınlayan

Tayfun Erbilen

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

“4. Gün – jQuery Dersi 4” üzerine 35 yorum

  1. Teşekkürler Tayfun, Paylaşımlarından dolayı seni tebrik ederim. senden bir ricam olacak şu imac de birde php dersleri serisi yapsan çok güzel olur 😉

  2. Rica ederim, takip eden olduğu sürece dersler çekmeye devam edeceğim inşallah.. Ancak çok fazla vakit bulamıyorum ders çekmek için.. 9 dakika sürüyor belki bir ders ama onu kaydetmesi, yüklemesi, konuyu açması vs. derken 1-2 saatimi alıyor.. O yüzden şimdilik jquery ile ilerleyelim, ilerisi için kesin bir plan yapmıyorum 🙂

  3. eline sağlık tayfun. hala DW ile anlatıyorsun, istediğin gibi bir editör bulamadın sanırım daha 🙂 bir dersini hatırlıyorum, orada "benden DW ile anlatmamı beklemeyin" demiştin. Şimdiyse DW ile anlatıyorsun (Notepad++ olmadığı için mecburen) (:

    Mac için editörleri araştırdın mı, kafana yatan beğendiğin bir editör yok mu, ya da Windows programını Mac te çalıştıramıyormusun bir şekilde bir yolu yokmu NP++ için.

    + olarak sormak istediğim;
    BBSY projesi 15 bölüm sonunda tamamen bitecek mi? yoksa zaman içerisinde daha da geliştirilerek anlatımları devam edecek mi?

    Bir de her ne kadar Öğretiyor.com da çalışsanda artık yeniden dayanamayıp ücretsiz ders çekmeye başlamışsın. İçindeki öğretme aşkına hayranım Tayfun 🙂

  4. Aslında özelden birçok kişi editör tavsiyesinde bulundu, ama çok üşengeçim sanırım bir türlü indirip kuramadım 🙂 DW ile anlatmam demiştim doğrudur ama sözüm ona herşeyi fare ile halledenlerden olmam demek istemiştim.. Sonuçta kod bölümünü kullanıp tüm kodları yine biz yazıyoruz 🙂

    BBSY projesi 15 bölümde bitecek evet.. Zaten 14. bölümde bitirmiş olucaz, 15. bölümde tema entegresini göstereceğim.. Eğer talep olursa bbsy scriptini geliştirmeye birlikte devam edebiliriz ekstra dersler ile.

    Ücretsiz ders çekip paylaşmamdaki amaç daha fazla kişiye ulaşmak. Çünkü ülkemizde henüz öğretiyor gibi projelere pek sıcak bakılmıyor, ve bende bilgilerimi bu anlayış değişene kadar 2 türlü aktarmaya karar verdim 🙂

    Teşekkürler.

  5. Tesekkurler sabirsizlikla tum dersleri bekliyorum. Ozellile uygulama derslerini merak ediyorum saygilar !

  6. tayfun sen böyle ücretsiz dersler çekmeye devam ettikçe insanlar senin paragöz olmadığını anlayıp zaten emeğinin karşılığını verirler.

    ben senin sayende baya bir geliştirdim kendimi. ücretsiz derslerinden çok yararlandım. elime para geçtiğinde öğretiyor.com da yararlanmaya başlıcam. çoğu insanda sendeki bu iyi niyeti görüp öğretiyor.com dan dersler satın alacaktır. kısacası hiçbir emek karşılıksız kalmaz. bazıları gibi sadece paralı ders çekmediğin için teşekkürler:)

  7. Hızlandırılmış jQuery dersi seriside diyebiliriz buna ve ben bu seriyi çok çok beğendim umarım devamı gelir ve bu arada yavaştan uygulama yapmaya girse iyi olur, ellerine sağlık tayfun :))

  8. Sayende çok şey öğrendik Tayfun kardeşim, halen daha öğreniyoruz. 🙂 Bu arada jquery eğitim seti çok iyi oldu. 🙂

  9. takip ediyorum abi çok iyi gidiyor, tutsplus'ta mı ne böyle bir jQuery seti vardı ücretsiz 30 günde öğrenin diye ama ingilizce olduğunundan adamın anlattığı hiçbir bilgiyi anlamıyordum Türkçe serisinide sen yapıyorsun eline sağlık

  10. Anlatım Çok güzel eline sağlık ama bence anlatırken web sayfalarının nerelerinde kullan bileceğimiz örnek üstünde gösterirsen daha yararlı olur mesela bir e-ticarette nerede kullanabiliriz?

  11. Böyle bir sınırlandırma-kategorileme mantıksız olur.. Çünkü sen live metodunu ya da append metodunu aklına gelebilecek her yerde kullanabilirsin.. Bu yüzden bu tamamen senin yaratıcılığına kalmış birşey.

  12. Tayfun acaba temel javascript için de ders hazırlamayı düşünüyor musun? Bu konuda adam akıllı hiç kaynak yok. Bu yüzden belki aklında vardır diye soruyorum.

  13. Tayfun Tebrik ederim kardeşim. Emek harcıyorsun birileri bir şeyler öğrensin diye. Takip ediyorum sürekli.

  14. JavaScript derslerine başlayacağım ama sanırım öğretiyorda ufak bir set hazırlayacağım bununla ilgili.

  15. Tayfun abi aslında bu index değerinin mantılı ile slider bile yapılabilir değil mi ?

  16. O zaman İndex'i anlamam bir çok sıkıntıma derman olacak jquery üzerinde, sağol 🙂

  17. live metodu tek metodlu çalışıyo ama çok metodlu çalıştıramadım neden bir türlü çözemedim

    Bu kodu kullandım çalışmıyor yardımcı olursan. Tekli çalışıyor ama birden fazla metod ile çalışmıyor

  18. 4.Ders videosunun css' leri kaymış, videoyu oynatınca yazılar karışıyor bir bak istersen:)

  19. .live() , version 2.0 da çalışıyor mu? denediniz mi? aynı kodu 1.7.2 de çalıştırdım, ama 2.0 da çalışmadı…

  20. @Erhan ERCENGİZ, jquery 1.9 ile kalktı.. Onun yerine .on() metodunu kullanabilirsiniz.

  21. Php derslerinden seni takip etmeye başladım. Çok güzel işler yapıyorsun. Emeğine sağlık. Sayende bir çok şey öğreniyoruz.

    javascript derslerini göremedim. Genelde Jquery den önce javascripti öğren diyorlar. Bu konuda da bir şeyler yapacağını umuyorum.

    javascript dersleri olmadığı için Jquery derslerin üzerinden seni takip etmeye devam ediyorum :).

    Eğitim videolarının devamını bekliyorum(uz).

    Teşekkürler.

  22. merhaba
    öncelikle dersler için teşekkürler. gerçekten büyük emek harcıyorsun.
    live() metodu jquery 1,9 versiyonu ile birlikte artık çalışmıyor. bu yöntemin yeni versiyonlarda alternatif kulllanımı ne şekilde olmalıdır. bu konuda bilgilendirebilir misin?
    başarılar.

  23. @Emre BATU, live yerine alternatif olarak .on() metodunu kullanabilirsiniz. Onunla ilgili şu dersime göz atabilirsiniz;
    http://www.erbilen.net/445-26-gun-jquery-dersi-26.html

    Yani live olan şu kodu;

    $('sonradangelennesne').live('click', function(){
       // işlemler..
    });

    Şöyle değiştireceksiniz;

    $('body').on('click', 'sonradangelennesne', function(){
       // işlemler
    });
  24. Teşekkür ederim.. .on metodu işe yaradı..
    Derslerinizin devamını bekliyorum 🙂

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir