Multiple event example for SO

by Panomosh

HTML

<div></div>

CSS

.highlight {
    background-color:yellow;
}
div {
    height:100px;
    width:100px;
    border:1px solid black;
}

JavaScript

$(function () {

    $(document).on('mouseover mouseout', 'div', function (e) {
        $(this).toggleClass('highlight');
    });

    $('body').append('<div></div>');

});