SOURCE

 // hover()方法是同时绑定 mouseenter和 mouseleave事件。
        // 我们可以用它来简单地应用在 鼠标在元素上行为
        $("p").hover(
            function() {
                $(this).css("background", 'pink');
            },
            function() {
                $(this).css("background", '#bbffaa');
            }
        );

<h2>.hover()方法</h2>
    <div class="left">
        <div class="aaron1">
            <br>
            <p>触发hover事件</p>
        </div>
    </div>

 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;
        }