SO - 15490859

by Arun P Johny

HTML

<body id="greatgrandpa">greatgrandpa
        <div id="grandpa" sty>grandpa
               <div id="pops">pops
                   <div id="child">child</div>
               </div>
        </div>
 </body>

CSS

.my-border {
    border: 1px solid red;
}

.my-bg {
    background-color: blue;
}

JavaScript

$(function() {
    $('div').on('mouseover', function(e){
        e.stopPropagation();
        $(this).addClass('my-bg');
    }).on('mouseout', function(e){
        $(this).removeClass('my-bg');
    })
});