jq鼠标隐藏显示的方法

 <div style="width:300px; float:left;">
        <div onmouseover="testOnmouseOver()" onmouseout="testOnmouseOut()" id="lef1"; style="width: 500px;  background-color:#99ccff; ">gggg
    </div>
    <div  id="lef"; style="width: 500px;  background-color:#99ccff; ">gggg
    </div>
    </div>
   
    <div id="rev1"; style="width: 500px; float:right;  background-color:#ffff66; height: 182px;">
       
    </div>
</body>
</html>
<script type="text/javascript" src="https://files.cnblogs.com/914556495wxkj/jquery-1.4.1.js"></script>
<script type="text/javascript">
 

    function testOnmouseOver() {
        $("#rev1").show();
    }//显示

    function testOnmouseOut() {
        $("#rev1").hide();
    }//隐藏

 

    $(function () {

        $("#rev1,#rev2,#rev3").hide()//隐藏

 

    })
    $(function () {
        $("#test").append("<a href='http://baidu.com'>这是新加的</a>");
    })
  

  
</script>