jQuery ile Bir Nesnenin Yerini ve Rengini Değiştirme

Bu jQuery makalemizde tıklanan bir nesnenin css niteliklerini değiştirmeye değineceğiz. Burada bilmemiz gerekenlerden birisi de olayların gerçeklemesi için bir olayın geçmesi gerekmektedir. Bunlardan birkaçı; click (tıklanınca), load (yüklenince), hover(üzerine gelince) vs... Bu makalede click(tıklanınca) olayı gerçeklemesi durumundaki işlemi yapacağız.
Öncelik olarak css sınıfı hazırlayalım
CSS Sınıfı (Varsayılan)

.varsayilan_css{background-color:#009999;padding:15px;}

Sonradan eklenecek css sınıfını hazırlayalım
CSS Sınıfı (Sonradan Eklenen)

.sonradan_eklenen_css{margin:0 0 0 40%;background-color:#FF0000;padding:15px;}

jQuery betiklerimizi hazırlayalım
jQuery Betikleri

// Her şey hazır olduğu an burası işler
$(document).ready(function()
{
	// id değeri link2 olan elemana tıklayınca başla diyoruz.
	$("#link2").click(function(event)
	{
		// id değeri link2 olan elementin varsayılan css betiğini sil diyoruz
		$("#link2").removeClass("varsayilan_css");
		// Aynı elemente aktif olmasını istediğimiz stili ekliyoruz
		$("#link2").addClass("sonradan_eklenen_css");
	});
});