JSFiddle - React, Tailwind, and code Playground

by billyonecan

HTML

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<div class="container">
    <div class="child"></div>
</div>

CSS

* {
    margin:0;
    padding:0;
}
.container {
    display:inline-block;
    padding:5px;
    background:red;
}
.container .child {
    width:48px;
    height:48px;
    background:green;
}

JavaScript

$('.child').mouseenter(function() {
        console.log('Mouse Entered');
    });
$('.child').mouseleave(function() {
        console.log('Mouse Left');
    });