|
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 | Katılımcı : 1 | Okunma | : 4402 | | | |
| | <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. |
|