Ajax - Jquery örnekler - Jquery Bir Elementin Altındakilere Bir Class Atamak
-
Ajax - Jquery örnekler - Jquery Bir Elementin Altındakilere Bir Class Atamak
<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>
[ Geri ] - [ Ana Sayfa ] -
