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 :
11
Günlük :
146
Haftalık :
426
Aylık :
1467
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."