3. Gün – jQuery Dersi 3

Üçüncü jQuery dersimizde aşağıdakileri öğrendik;
– jQuery Fonksiyon Sınıfı Oluşturma ve Kullanımı
– jQuery Tıklama (Click) Metodu
– jQuery Boşluk Kaldırma (trim) Fonksiyonu

Tek Fonksiyon Oluşturma

$.tekFonksyion = function(){
	alert("Deneme Fonksiyonu");
}

Birden Fazla Fonksiyon Oluşturma

$.Erbilen = {
	
	gonder: function(url){
		alert(url);
	},
	
	deneme: function(){
		alert("deneme");
	}
}

jQuery ile Tıklama Olayı

$("button#tikla").click(function(){
	$("div#Erbilen").hide(1000);
});

Trim Fonksiyonu Kullanımı

$("button#tikla2").click(function(){
	var deger = $("input[name=deger]").val();
	deger = $.trim(deger);
	if (!deger) {
		alert("boş bırakmayın!");
	}
});

2. Gün – jQuery Dersi 2

İkinci jQuery dersimizde aşağıdakileri öğrendik;
– jQuery CSS Metodu
– jQuery Nitelik Atama (attr) Metodu
– jQuery Nitelik Silme (removeAttr) Metodu

Css Metodu ile css özelliği atamak

$("p").css("color","red");

Css Metodu ile birden fazla css özelliği atamak

$("div").css({ "background-color" : "#ccc", "color" : "blue"});

attr Metodu ile Nitelik Atamak

$("a").attr("href","http://www.erbilen.net");

attr Metodu ile birden fazla nitelik atamak

$("img").attr({
   "src" : "http://2.bp.blogspot.com/-S-YSNmbZOXg/UBiGPTnOitI/AAAAAAAAAo8/w2TwQfr6WoQ/s1600/logo.png", "title" : "Erbilen.NET - Kişisel Blog"
});

removeAttr metodu ile nitelik silmek

$("input").removeAttr("disabled");

1. Gün – jQuery Dersi 1

İlk jQuery dersimizde jQuery ile ilgili aşağıdaki bilgileri öğrendik;
– jQuery ile Nesneleri Seçmek
– Metotları kullanmak
– Gizleme (hide) Efekti

Nesneyi Seçmek

$("p")

Nesneleri Seçmek

$("p, a, div.erbilen")

Örnek Metot Kullanımı

$("p, a, div.erbilen, div#erbilen").delay(2000).hide();

Gizleme (Hide) Efekti

$("nesne").hide();$("nesne").hide(2000); // 2sn'de gizle