Merhaba arkadaşlar bu makalemde jQuery'nin temellerinden bahsedeceğim. Hiç klasik bir giriş yapmıyorum. Direk olaya giriyorum :)
$ Nedir?
" $ " 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()
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");
});
Seçili element örnekleri
$( '#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.
Elementi doğru seçtik mi?
Bir elementi seçip seçemediğimiz anlayabilmek için jquery'nin length methodunu kullanıyoruz..
if ( $( '#secilielement' ).length > 0 ) {
// Bir şeyler yaz..
}
Seçilen bir grup element içinden herhangi birini seçmek.
var liste= $('ul#liste li' );
Bunu dizi gibi düşünebiliriz. liste dizisinin 0. ncı index'indeki element.
var indextekielement= liste[0];
Seçili elementin içini doldurmak.
$( '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!