Herkese merhabalar, bu dersimizde Jquery ile nesnelerden veri almayı ve birleştirmeyi inceleyeceğiz, ben ornek olarak sizlere sırasız bir liste oluşturacağım. Bu listenin icerisinde ki elemanlara tek tek nasıl erişebileceğimizi ve istediğimiz yere nasıl aktarabileceğimizi goreceğiz. Derse başlamadan once kullanacağımız fonksiyonların anlamlarına goz atalım:




İlk olarak temel HTML sayfamızı yine oluşturalım ben bir isim listesi oluşturmayı uygun gordum siz dilediğiniz şekilde değiştirerek orneğe devam edebilirsiniz.
PHP:
Javascript Ders 4 - WMArşiv

• Ahmet
• Veli
• Ayşe
• Fathma

Bu listede bulunan isimleri butona tıklandığı zaman ekrana yazdırmak istiyoruz bunun icin kodumuzu oluşturmaya başlıyoruz.
PHP:
$(document).ready (function() ); }); });

Şimdi sırayla bu satırları inceleyelim.
- $(document).ready Bu adımda sayfamız tamamen yuklendiği zaman kodu calıştırması gerektiğini soyledik.
- $('input').click İnput nesnesine tıklandığı zaman suslu parantez ( ); }); });

• Ahmet
• Veli
• Ayşe
• Fathma