Jquery

Jquery Örnekleri

jQuery, 2006’da John Resig tarafından oluşturulan hızlı JavaScript kütüphanesidir.  jQuery, Hızlı Web Geliştirme için HTML belgesinde olay işleme, animasyon ve AJAX işlemlerini gerçekleştirmek için basitleştirilmiş fonksiyonları barındırmaktadır.

Aşağıdaki örnekler Jquery programlama kavramını öğrenme, Jquery ile HTML DOM Manipülasyonu yapma, JSON dosyalarını AJAX ile okuma ve yazma işlemlerini kapsayacaktır.

Aşağıdaki Jquery örneklerini hazırlarken,  tasarım için hazır olan bootstrap kullanılmıştır.  Bootstrap tasarım için kullanıldığı için kodların çalışmasında her hangi bir sorun oluşturmayacaktır.

  1. H1 etiketi içine merhaba dünya yazdırın
  2. Butona tıklayınca ekrana mesaj verme
  3. Text kutusuna girilen değeri ekrana uyarı olarak verme
  4. Text kutusuna girilen değeri h2 etiketi içine yazma
  5. Sayfanın zemin rengini değiştirme
  6. Listedeki nesnelerin zemin renklerini değiştirin
  7. Birden fazla nesnenin class seçici ile zemin rengini değiştirme
  8. Class isimleri ile seçilen nesnelere tıkladığında nesnenin içindeki değeri ekrana yazdırma
  9. Div içindeki değerleri tıklayarak toplama
  10. Seçilen işarete göre tıklanan değerleri toplama/çıkarma
  11. Tıklanan nesnenin zemin rengini değiştirme
  12. Textarea nesnesine girilen karakterleri sayma
  13. Sayfanın zemin rengini rastgele değiştirme
  14. JSON dosyasını okuma (AJAX okuma)

Site içindeki diğer Jquery Örnekleri

Jquery Örnekleri

Örnek 1: h1 etiketi içine merhaba dünya yazdırın

 

Örnek 2: Butona tıklayınca ekrana mesaj verme

 

Örnek 3: Text kutusuna girilen değeri ekrana uyarı olarak verme

 

Örnek 4: Text kutusuna girilen değeri h2 etiketi içine yazma

 

Örnek 5: Sayfanın zemin rengini değiştirme

 

Örnek 6: Listedeki nesnelerin zemin renklerini değiştirin

 

Örnek 7: Birden fazla nesnenin class seçici ile zemin rengini değiştirme

 

Örnek 8:  Class isimleri ile seçilen nesnelere tıkladığında nesnenin içindeki değeri ekrana yazdırma

 

Örnek 9: Div içindeki değerleri tıklayarak toplama

 

Örnek 10: Seçilen işarete göre tıklanan değerleri toplama/çıkarma

 

Örnek 11: Tıklanan nesnenin zemin rengini değiştirme

 

Örnek 12: Textarea nesnesine girilen karakterleri sayma

Örnek 14: Sayfanın zemin rengini rastgele değiştirme

Örnek 14: JSON dosyasını okuma

 

 

Yorum Yap