Pavel M., всё верно) hover использует mouseenter/mouseleave которые не всплывают, тогда сделаем так:
<div>
<div>
<div>
<div></div>
</div>
</div>
</div>
<script>
$('div').mouseover(function(e) {
e.stopPropagation();
$(e.target).addClass('hoverBlock');
}).mouseout(function(e) {
e.stopPropagation();
$(e.target).removeClass('hoverBlock');
});
</script>
<!----- или ----->
<div class="ddd">
<div>
<div>
<div></div>
</div>
</div>
</div>
<script>
$('div.ddd').mouseover(function(e) {
$(e.target).addClass('hoverBlock');
}).mouseout(function(e) {
$(e.target).removeClass('hoverBlock');
});
</script>