JQuery Elemanlara Sınıf Ekleme


JQuery ile elemanların classlarını düzenleyebiliyoruz.
Class ekleyip, silerek o class’a ait özelikleri elemanımıza aktarmış oluyoruz.
Aynı anda birden fazla class ekleyip, silmek mümkün.


<html>
<head>
<style>
.sınıf1 {color:red }
.sınıf2 { background:yellow; }
.sınıf3 { background:gray; color:pink; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

$(document).ready(function () {
//Menu id'li elemana Sınıf 3'ün özellikleri eklenecek
$("#menu").mouseover(function () {
$("#menu").addClass("sınıf3");
$("#menu").removeClass("sınıf1 sınıf2");
});

//Menu id'li elemana Sınıf 3'ün özellikleri eklenecek
$("#menu").mouseout(function () {
$("#menu").removeClass("sınıf3").addClass("sınıf1 sınıf2");
});
});

</script>

</head>

<body>
<div id="menu" class="sınıf1 sınıf2">Değişecek Yazı</div>
</body>

</html>

Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s