Jquery sınıf atama ve silme addClass removeClass toggleClass Metodu

jQuery addClass removeClass toggleClass metodları yeni sınıflar atayabilir ve silebiriz.


addClass ----> Yeni sınıf atar.
removeClass ---->Sınıfı siler.
toogleClass ---->Hem atar hem siler


<script type="text/javascript">
$(function(){ 
$(".nesne1").click(function(){
    $(this).toggleClass("nesne2");                          
                   }); });
</script>


<style>
.nesne1 { width:280px; height:25px; margin-top:2px; float:top; background:#066;
color:#FFF;}    
.nesne2 { width:250px; height:20px; margin-top:2px; float:top; background:#036;
color:#FFF;}
</style>


<div class="nesne1">buraya tıkladıngında nesneyi değiştirir</div>

 

Programın Çıktısı

buraya tıkladıngında nesneyi değiştirir

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
7
Günlük :
145
Haftalık :
428
Aylık :
1473
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."