İlk dersimiz de şu kodları 2 ye ayırıp tek tek anlatacağımı soylemiştim.

HTML:
$('#ahmet').html('Yazılacak yazı');

2. derste ilk kısmını anlattım. şimdi sıra geldi ikinci kısma.

jQuery de herşey nesneler icin. yani nesne yoksa işlevde yok. o yuzden once seciciler dersimizdeki gibi nesnemizi seciyoruz. ama bu nesnenin tek başına bi anlamı yok. yani işlev yoksa nesne de yok.

Nesnemizi sectik. şimdi bunun uzerinde işlevlerimizi kullanarak bu nesneye birşeyler yaptıralım.

Orneğin daha onceden taglarımız arasında yazdığımız ahmet id li div imizin icine yazı yazdıralım.

Yazı yazdırmak icin kullanıcağımız işlev .html('') bunu Javascript teki .innerHTML = ''; gibi duşunebilirsiniz. Şimdi diyebilirsiniz ki jQuery sadece Javascript in kısa hali mi diye. Ama oyle değil. Birazdan jQuery nin kendine ozgu yuzlerce işlevini gorunce işin rengi değişecek

HTML:
var parametre = 'Yazdırılacak yazı'; $('#ahmet').html( parametre );

Burda once ahmet id li nesneyi sectik. daha sonra nokta mızı koyduk ve html() diyerek hangi işlevi gercekleştireceğimizi soyledik. Parametre olayına gelelim html() fonksiyonu ne işe yarıyo ? icine yazı yazdırmaya. tamam yazı yazdırmaya da ne yazdırmaya ? işte fonksiyonların kullandığı yardımcı oğelere parametre diyoruz. parametreler olmasaydı a yazdırmak icin htmla() htmlb() gibi sonsuz tane fonksiyon olması gerekirdi her bi yazdırılabilecek kelime icin. Ama bu işlevi tıpkı diğer dillerdeki function abc( parametre ) gibi duşunebiliriz. bi de bunlar birden fazla olabiliyo. oyle bişe olursa virgulle ayırıyoruz parametre1, parametre2 gibi.

Şimdi biz bu kodu yazdık kaydettik biri geldi sitemizi actı ve bu kod calışacak. sırasıyla işleyiş şu şekilde: once hangi nesne yapacağını goruyo. sonra bu nesne uzerinde hangi işlev i yapacağını. sonra bu işlevin kullanacağı yardımcı oğeyi.

Şimdi gelelim jQuery nin diğer dillerden farklı bi yapısına; Mesela .ready() işlevini gorelim. bu işlev normal de kelime anlamına da bakarsan onunde belirttiğin nesneyi hazırlamakla gorevli. mesela siteyi hazırlamasını soyleyelim;

HTML:
$(document).ready();

Burda document dediğimiz icine yazı yazdığınız dosya. Biz bu kodla dedik dosyayı hazırla diye. jQuery bize diyo ki yapılacak( gelecek zaman ) bi işlevi bu şekilde soyle. ama eğer o işlem yapılmış( gecmiş zaman ) bitmişse araya bi function() koy oyle soyle. yani farkı kodlarla gorelim;

HTML:
$(document).ready(); // Anlamı: dosyayı hazırla. $(document).ready(function()); // Anlamı: dosya hazırsa nesne ye islev yap. yaparkende parametre yi kullan.

Bunu başka bi ornekle gorelim, bu ornek jQuery ile birlikte en fazla kullanacağınız kodlardan birisidir;

HTML:
$('input#ahmet').click(); // Anlamı: ahmet id li input nesnesine tıkla. tıklayınca ne olması gerekiyosa olsun( şuan umrumuzda değil ) //mesela bu bi icindeyse o form u harekete gecirir, gibi. $('input#ahmet').click(function()); // Anlamı: Eğer ahmet id li input a ( buton a ) tıklanırsa Butona tıklandı diye uyarı mesajı ver. // yani once bizim istediğimizi bi yap. sonra yine nabıyosan yap. $('input#ahmet').click(function()); // Anlamı: Aynı bi onceki ama bizim istediğimizi yaptıktan sonra başka işlem yapmıyacak.

Bu durum cok onemli olduğu icin bi ornekle daha gormek istiyorum arkadaşlar. Şimdi mesela bi icine yazı yazılabilir input umuz olsun. birinci işlevde biz istiyoruz ki GoogLe anasayfası gibi siteye giren o yazı kutusuna yazı yazılabilir hale gelsin direk. ikinci işlevde ise eğer bu yazı kutusuna yazı yazılabilir hale gelirse ne yapacağını soylicez;

HTML:
$('input#ahmet').focus(); // Anlamı: ahmet id li input nesnesini yazı yazılabilir hale getir yani icine mouse la tıkla gibi bişey. $('input#ahmet').focus(function()); // Anlamı: Eğer ahmet id li input a ( yazı kutusu na ) tıklanırsa uyarı mesajı ver

Bu şekilde bir cok basit duzeyde jQuery nin işlevleri var;

HTML:
click(): tıkla dblclick(): cift tıkla mouseover(): mouse ile uzerine gel mouseout(): mouse uzerindeyse cık focus(): yazı kutusunun icine tıkla yazılabilir hale gel veya bi checkbox la ilgileniyosan klavyeden boşluğa tıklandığında onu işaretlicek gibi uzerine gel blur(): focus un zıttı. eğer bi yazı kutusu yazılabilir haldeyse geri bırak change(): değerini değiştir submit(): formu onayla ve gonder keydown(): klavyeden bi tuşa bas keyup(): klavyeden bi tuşa basmışsan geri bırak

Tum bunları parantez iclerine function() koyarak o işlem olduğu anda ne yapacağını soyleyebilirsiniz.

Bu dersimizde işlevlere giriş yapmış olalım.
Bi dahaki dersimizde de işlevler imiz i geliştirerek ilerliyeceğiz.