Your SlideShare is downloading. ×
15 Dakikada jQuery
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

15 Dakikada jQuery

2,184
views

Published on

15 dakikada jQuery öğrenmek...

15 dakikada jQuery öğrenmek...

Published in: Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,184
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 15 Dakikada jQuery Orijinal Yazım Tarihi: 7 Ağustos 2007 Çeviri Tarihi: 26 Haziran 2009 Mavigenc.Com
  • 2. jQuery Ne İlginçlikleri Yapar?
    • CSS seçicilerin etrafında oluşturur.
    • Pek usludur.
    • Senin küresel adına sızmaz.
    • Başka kütüphaneler ile iyi çalar.
    • API gücü kullanan faktörlere rahatlıkla kullanır.
    Mavigenc.Com
  • 3. jQuery () Fonksiyonu
    • jQuery('div#intro h2')
    • jQuery('div.section > p')
    • jQuery('input:radio')
    • $('div#intro h2')
    Mavigenc.Com
  • 4. jQuery Koleksiyonları
    • $('div.section') jQuery koleksiyonuna döner.
    • Bu yöntemler üzerinde arama yapabilirsiniz:
    • $('div.section').size() = no. of matched
    • elements $('div.section').each(function(div) { // Manipulate the div
    • }
    Mavigenc.Com
  • 5. Koleksiyonları Kurgulama
    • En çok jQuery methodu, koleksiyon içinde
    • eşlenen elemanların hepsinde çalıştırır.
    • $('div.section').addClass('highlighted')
    • $('img.photo').attr('src', '/default.png');
    • $('a.foo').html('<em>Bana Tıklayın!</em>');
    • $('p:odd').css('background-color', '#ccc');
    Mavigenc.Com
  • 6. Değerleri Kapma
    • İlk eşlenen öğedeki bazı metot dönüşleri
    • sonuç verir.
    • var height = $('div#intro').height();
    • var src =$('img.photo').attr('src');
    • var lastP =$('p:last').html()
    Mavigenc.Com
  • 7. DOM Geçişi
    • DOM geçişinde jQuery gelişmiş yöntemler
    • sağlar.
    • $('div.section').next()
    • $('div.section').prev()
    • ('div.section').prev('a')
    • $('div.section').parent()
    • ('div.section').parents()
    Mavigenc.Com
  • 8. Olay İdaresi
    • jQuery bir çapraz tarayıcı için olay tutucu
    • atama metodları sağlar.
    • $('a').click(function(ev) {
    • $(this).css({backgroundColor: 'orange'});
    • ev.preventDefault();
    Mavigenc.Com
  • 9. Mütevazılık Göstermek
    • $(document).ready(function()
    • { alert('DOM hazır!'); });
    • $(function() { alert(‘Bu bir kısayoldur.') });
    Mavigenc.Com
  • 10. Zincirleme
    • En çok jQuery metodu, başka bir taneye
    • jQuery nesnesini döndürür — çoğunlukla bir
    • temsil etme, aynı koleksiyondadır.
    • Bu, senin, bir arada metotları zincire
    • vurabildiğini ifade eder:
    • $('div.section').hide().addClass('gone');
    Mavigenc.Com
  • 11. Çılgın Zincirleme
    • $('form#login')
    • // opsiyonel sınıfında form içindeki tüm etiketler gizlemek
    • .find('label.optional').hide().end()
    • // formdaki şifre alanlarını kırmızı sınırla belirtmek
    • .find('input:password').css('border', '1px solid red').end()
    • // bir formu göndermek için işleyici eklemek
    • .submit(function(){
    • return confirm('Are you sure you want to submit?');
    • });
    Mavigenc.Com
  • 12. Ajax
    • jQuery, Ajax için mükemmel bir desteğe sahip
    • $('div#intro').load('/some/file.html');
    • Daha gelişmiş yöntemler şunlardır:
    • $.get(url, params, callback)
    • $.post(url, params, callback)
    • $.getJSON(url, params, callback)
    • $.getScript(url, callback)
    Mavigenc.Com
  • 13. Eklentiler
    • jQuery eklentileri ile genişletilebilir olan bu jQuery nesne için yeni yöntemler ekleyebilirsiniz.
    • Form : Daha iyi form idaresi
    • Dimensions : Bir sürü tarayıcı ölçümleri
    • Interface : Süslü etkiler, akordeonlar
    • UI : Sürükleme ve bırakma, ve dahası
    Mavigenc.Com
  • 14. Daha Fazlası
    • http://jquery.com/ - Resmi Sitesi
    • http://visualjquery.com/ - Kullanılabilir API Referansı
    Mavigenc.Com
  • 15. Çeviri
    • Bu çeviri jQuery severler adına;
    • Mert Can Oral
    • tarafından 26 Haziran 2009
    • tarihinde yapılmıştır.
    Mavigenc.Com