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 :
166
Haftalık :
1008
Aylık :
4150
Copyright © 2012 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, herhangi bir sitede iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim.