jQuery Giriş

 

Selamün Aleyküm Arkadaşlar;

jQuery bir javascript kütüphanesidir. Yani Javascript Framework’tür.

jQuery javascript kütüphanesini http://jquery.com/download/ adresinden indirebilirsiniz.

JQuery’i kullanmak için ilk başta projenize yani sayfanıza eklemeniz gerekir.

<script src="http://code.jquery.com/jquery-1.9.0.js" ></script>

Sayfamıza jQuery ekledik.

İlk önce işlem yapacağımız bir html bloğunu seçmemiz gerekir. Tabiki bu işlemleri bir olay tetiklendiği zaman gerçekleşmesi gerekir. Bunun için javascript dilinin document.ready olayını kullanacağız. Sayfa yüklendikten sonra (DOM yüklendikten sonra) kodlar çalışır.

javascript kodları html <script></script> blokları arasına yazılır.

Bir elementi seçmek için jQuery seçicileri (selector) kullanırız.

Bir elementi id’sine göre seçeceksek eğer string türünde tek tırnak veya çift tırnak içinde # ve id’si yazılır. (‘#elementid’)

$ veya jQuery yazılarak tanımlanır.

<script>
 /**
$('#elementid') veya
jQuery('#elementid')
*/
</script>

Class’ı tanımlı olan elementi veya elementleri .classismi yazılarak seçilir.

<script>
 /**
$('.classismi') veya
jQuery('.classismi')
*/
</script>

Bir elementi tag yani etiketlerinden seçmek istersek, p etiketini seçmek istersek elementin etiketini yazarız.

<script>
 /**
$('p') veya
jQuery('p')
*/
</script>

Bütün elementleri seçmek istersek * kullanırız.

<script>
 /**
$('*') veya
jQuery('*')
*/
</script>

Bütün elementleri seçip yazdıralım.

 

Hayırlı günler, sağlıcakla kalın.

Bu döküman www.ibasoglu.com’a aittir. Kaynak belirtmek suretiyle alıntı yapılabilir.