AJAX jquery bir elementin altındakilere bir class atamak - Ajax Webmaster bilgi bankası, knowledge base Webmaster Araçları

AnaSayfa > Ajax > AJAX jquery bir elementin altındakilere bir class atamak
Kategori: Ajax
Gönderen: Admin
Tarih: 2009-05-29
Puan: 1   Puan:1 | Katılımcı:1 | Katılımcı : 1
Okunma: 4209
  
 
1 puan 2 puan 3 puan 4 puan 5 puan 6 puan 7 puan 8 puan 9 puan 10 puan

<html>
<head>
<style>
.yeni{padding:5;border:1px solid red}
.eski{padding:5;border:1px solid black}
</style>
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){

$("#tablomuz").mouseover(function () {
$("#tablomuz > div").addClass("yeni");
});


$("#tablomuz").mouseout(function () {
$("#tablomuz > div").addClass("eski");
});


});
</script>
</head>
<body>

<div id="tablomuz">
<div>falan</div>
<span>Bu sapan da bir değişiklik olmaz</span>
<div>filan</div>
</div>

idi Tablomuz olan divin üstüne gelince divin içinde bulunan diğer div elementlerine yeni classını uygular, üstünden mouse cusor çekilince eski classını uygular.
Span a hiç bir uygulama yapılmaz
( > büyüktür işareti ebeveynin çocuğuna erişebilmemizi sağlayan bir görev görür)

</body>
</html>



Yorumlar
Henüz Kimse Yorum Yapmamış, ilk yorumu siz ekleyin!
Yorum Ekleme Aparatı
Yorum Eklemek için lütfen sol menuden giris yapınız..
Toplam 0 yorum listelendi.