Jquery İlk Adımlar

Kütüphanemizi Sayfamıza Ekleyelim

<script type="text/javascript" src="jquery.js"></script>

Element Seçimleri

$('div')  // tüm divleri seçmemizi sağlar...

$('div.baslik')  // baslik sınıfını seçmemizi sağlar...

$('div#baslik')  // baslik id'sini seçmemizi sağlar...

Javascript kodlarının çalıştırılması

$(document).ready(function() {
  // Sayfa yüklendiğinde otomatik olarak çalışmasını istediğimiz javascript kodlarını buraya yazıyoruz...
});

Kodumuzu küçük bir örnekle açıklayalım

$(document).ready(function() {
  $("a").click(function() {
    alert("Hello world!");
  });
});

Sayfadaki herhangi bir bağlantıya tıklandığında alert verilmesini sağladık