)
Kodlar ve açıklamaları aşağıda bulunmaktadır.
Not : jQuery dahil olmayan hiçbir sayfada çalışamaz.
Gizli İçerik:
Kod:
<style>
.kutu {
padding : 10px;
background : red;
width : 20px;
height : 20px;
position : relative;
float : left;
margin-right: 5px
}
</style>
<div class="kutu">1</div>
<div class="kutu">2</div>
<div class="kutu">3</div>
<div class="kutu">4</div>
<div class="kutu">5</div>
<div class="kutu">6</div>
<div class="kutu">7</div>
<div class="kutu">8</div>
<div class="kutu">9</div>
<div class="kutu">10</div>
<script>
// Kutu eventini dinlemeye başlıyoruz.
$(".kutu").on("click",function(e){
// Tıklanma olayı olduğunda çalışacak kodları belirtiyoruz.
// $(this) tıklanan elemanı bizim için buluyor
$(this).css({
"background" : "white",
"color" : "red",
"border": "1px solid red"
});
});
</script>Ekran Görüntüsü:
