jQuery Temelleri - Bölüm 1

Merhaba arkadaşlar bu makalemde jQuery'nin temellerinden bahsedeceğim. Hiç klasik bir giriş yapmıyorum. Direk olaya giriyorum :)

" $ " jQuery'nin html elementlerini seçmemize yarayan işaretidir.

Örneğin bir listenin elemanları seçmek ve üzerinde işlem yapmak için.

var liste = $("li");

Bu şekilde html form'daki tüm li etiketleri seçilir ve üzerinde işlem yapabiliriz.

Document Ready. Açılan sayfa tamamen yüklediğinde yapılacak işlemleri bu method içinde kullanırız. Örneğin:

$(document).ready(

function(){ //Sayfa yüklediğinde bu method çalışır.

alert("Sayfa Yüklendi");

});

$( '#makale' ); // makale id'sine sahip elementi seçer.

$( 'li' ); // sayfadaki tüm liste elementlerini seçer

$( 'ul li' ); // sayfadaki tüm sırasız liste elementlerini seçer.

$( '.kodstrap' ); // kodstrap class'ına sahip tüm elementlerini seçer.

Bir elementi seçip seçemediğimiz anlayabilmek için jquery'nin length methodunu kullanıyoruz..

if ( $( '#secilielement' ).length > 0 ) {

// Bir şeyler yaz..

}

Bu if kullanımı seçimin doğru olup olmadığını döndürür bize...

var liste= $('ul#liste li' ); var indextekielement= liste[0]; Bunu dizi gibi düşünebiliriz. liste dizisinin 0. ncı index'indeki element.

$( 'table tr td' ).html( '<div>jQuery is aWesome!</div>' );

Bu kod parçacığında sayfadaki table'lar içindeki tüm td'lerin html'ine <div>jQuery is aWesome!</div> yazacaktır.

Sadece text yazdırmak istiyorsak text() methodunu kullanıyoruz.

$( 'table tr td' ).text( 'jQuery is aWesome!' );

Makalenin devamını bekleyin. :)

İyi Kodlar!