JQery鼠标移入，移出触发方法

总结：1、我在项目中遇到个问题，鼠标移到该文字区域的时候，就显示一个下拉区域。移开这个下拉区域的时候，就隐藏这块区域，当然这块区域是浮在页面主体上的。刚开始的时候，以为在要触发的文字区域这块加上onmouseenter或者onmouseleave这两个事件里写隐藏和显示区域就行了，code如下：

<div id="nav">

    <ulclass="w" >

       <li class="list active all"id="allcategory"><a href="#"  onmouseenter=”alert(111);”onmouseleave=”alert(2222);” >所有商品分类</a></li>

       <li><h2><a class="active1" href="/index.html">首&nbsp;页</a></h2></li>

 

但是这个并不是我所想要的结果，因为不仅要在这个文字区域才触发onmouseleave事件而是离开整个区域才触发这个事件。于是，在网上找到相关资料，使用jquery 的on方法，code如下：

$(function(){

       $(“#nava”).on(‘onmouseenter’,’#nav a’,function(){

   ////区域显示，鼠标移入要写的内容

}); //这个只适用于jquery版本在1.7以上的，1.4以下适用live,这之间的使用delegate

})