jQuery'ye Giriş

Silverday

Altın Üye
Katılım
3 May 2006
Mesajlar
3,551
Reaction score
0
Puanları
0
Konum
sakarya
Bir önceki konu da jQuery'nin ne olduğunu ve neden kullanıldığını anlatmıştım şimdi ise
nasıl kullanıldığını anlatacağım arkadaşlar.

öncelikle sayfamızın head kısmına jquery kütüphanemizi ekliyoruz
HTML:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

kütüphaneyi sayfaya aldıktan sonra da jquery kodlarını aşağıdaki örnekteki gibi kullanabiliriz

HTML:
<script type="text/javascript">
$(document).ready(function () {

alert("Sayfa Yüklendi ve kullanıma hazır");

// jquery kodları bu alanda kullanılır


});
</script>

jquery ile nesne seçimi ve parametrelerin gösterilmesi:

HTML:
<input type="textbox" id="yaziAlani"> <input type="button" id="show" value="Atanan Değer">

jquery:
HTML:
// atanan değer butonuna tıklandığında yapılacaklar
$('#show').click(function() {

// textboxu tBox değişkeninde tanımlayalım
var tBox = $('#yaziAlani');

// yazı alanının değerini göster
alert(tBox.val());


});


 
Geri
Üst