addeventlistener可以这样表示

 

 

事件绑定方法1：

//找到id为category的div，绑定onmouseover事件
$("#category")[0].addEventListener("mouseover",showCate,false);
$("#category")[0].addEventListener("mouseout",hideCate,false);

/*当鼠标进入全部商品分类时，显示id为cate_box的元素*/
function showCate(){
    this.$("#cate_box")[0].style.display="block";
}
/*当鼠标进入全部商品分类时，隐藏id为cate_box的元素*/
function hideCate(){
    this.$("#cate_box")[0].style.display="none";
}

 

事件绑定方法2：

//找到id为cate_box下的所有直接li，存为lis
var lis=$("#cate_box>li");
//遍历lis中每个li
for(var i=0;i<lis.length;i++){
    //    为当前li绑定onmouseover和onmouseout事件
        lis[i].onmouseover=showSubCate;
        lis[i].onmouseout=hideSubCate;
    }
}