SOURCE

$(function() {
$(selector).mouseenter(function() {
            $(this).css("background", '#bbffaa');
        })
        $(selector).mouseleave(function() {
            $(this).css("background", 'red');
        })
         })

<h2>.hover()方法</h2>
        <div class="left">
            <div class="aaron1">
                <p>触发hover事件</p>
            </div>
        </div>
        <script type="text/javascript">
  
            $("p").hover(
                function() {
                    $(this).css("background", 'red');
                },
                function() {
                    $(this).css("background", '#bbffaa');
                }
            );
        </script>

 div.left,
        div.right {
            width: 350px;
            height: 150px;
            padding: 5px;
            margin: 5px;
            border: 1px solid #ccc;
        }
        
        p {
            height: 50px;
            border: 1px solid red;
            margin: 30px;
        }
        
        div.left {
            background: #bbffaa;
        }