ana sayfa > Javascript-Ajax-DOM, Yazılım > Jquery’ye GiriÅŸ

Jquery’ye GiriÅŸ

jqMerhabalar 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…

Share and Enjoy:
  • Facebook
  • Twitter
  • Live
  1. Ali
    Salı, 12 May 2009 zamanında 13:04 | #1

    O zaman yazma
    yarıda bırakıyormuş.

    bitirince yaz çocukmusun sen

  2. Salı, 12 May 2009 zamanında 13:19 | #2

    Reel işlerimin yüzünden bakamaz oldum. Ne alakası var çocuk musunla ?
    Takip edersen beni, adam gibi jquery tr dökümantasyonuna sahip olacaksın ! Acele etme ;)

  3. Pazartesi, 14 Eyl 2009 zamanında 00:30 | #3

    OFF off off ne manyak makale
    +10 :) hacım şaka bi yana yap güzel şeyler makale olarak da görek. google de da çıkıyorsun :) :):):):) ordan buldum

  4. Pazartesi, 14 Eyl 2009 zamanında 08:32 | #4

    Google Love Me ;)
    Daha devamı gelecekte işte, çok yoğunum şu sıralar.

  1. şimdilik geri bağlantı yok