Seyfullah KILIÇ

Merhabalar arkadaÅŸlar. Son zamanların meÅŸhur javascript kütüphanesi olan Jquery’e giriÅŸ yapacağız, bazı örneklere bakacağız. Bilmeyenler için söylüyorum, Jquery’nin başında 15 kiÅŸilik bir ekip var. Bu ekip güncellemeleri, temaları, yamaları, güvenlik açıklarını kontrol ederek, kütüphaneyi update ediyorlar. Jquery ile tek satırlık kodla yapabileceklerimize sizlerde inanamayacaksınız Tüm tarayıcılarda (IE 6+, FF 2+, Safari 3+, Opera 9+, Chrome) hiç bir sıkıntı çıkarmadan çalışabiliyor. Mükemmel bir html yönetim sistemi mevcut içinde. ÖrneÄŸin, ‘TeknoSeyfo’ adlı bir tagı seçmek ve üzerinde gerekli iÅŸlemleri yapmamız sadece 1 satırlık kodla olup bitiyor

Jquery Türkçe Dökümantasyon | TeknoSeyfo

• Seçici

$(“#TeknoSeyfo”).css(“border”,”3px solid red”); > TeknoSeyfo id’li elemana css uygulaması yaparak borderını ayarlıyor.

Burada “#” iÅŸareti bir HTML ID’yi seçeceÄŸimiz anlamına geliyor ve
$(“#TeknoSeyfo”). ‘dan sonra gerekli ayarları kullanarak ID’mize iÅŸlemi yaptırabiliyoruz.

$(“Div”). > Sayfamızda ki tüm Div elemanlarını seçiyor.
$(“#TeknoSeyfo > *”). > Sayfamızda ki TeknoSeyfo idli elemanın altında ki tüm elemanları seçiyor. Örnek
<div id=”TeknoSeyfo”>
<div id=”a1″></div>
<div id=”b1″></div>
<div id=”c1″></div>
<div id=”d1″></div>
</div>

a1, b1, c1 ve d1 elemanlarını bu kodla seçtik.
Seçicilerle ilgili detaylı dökümantasyona bakmak için Jquery‘nin sayfasına ziyaret edebilirsiniz

• Özellikler

Seçtiğimiz eleman(lar)a özellik uygulayacağımız zaman bu fonksiyonlardan yararlanacağız. Çok kullanılan bazı özellikleri sizlere örneklerle anlatmaya çalışacağım.

$(“ID3″).addClass(“Mavi”); > ID3 idli elemana Mavi adlı css classını ekliyor.
$(“ID3″).removeClass(“Mavi”); > ID3 idli elemanın Mavi adlı css classını siliyor.
$(“Degerim”).html(); > Degerim idli elemanın içindeki deÄŸeri alıyor.

$(“Degerim”).click(function () {
$(this).html(“Bu Yeni DeÄŸer”);
});
> Degerim idli elemana bir kez click uygulandığında deÄŸerini, “Bu Yeni DeÄŸer” adlı deÄŸiÅŸken ile deÄŸiÅŸtiriyor-ekliyor.

ACİL İŞLERİM YÜZÜNDEN DÖKÜMANI YARIDA BIRAKMAK ZORUNDA KALIYORUM. BU BAŞLIK ALTINDA, KALDIĞIMIZ YERDEN DEVAM EDECEĞİM. BENİ TAKİP ETMEYE DEVAM EDİN

Ä°yi Çalışmalar…