.live绑定的是固定的Document的节点，在树形节点中，如果节点较多，层级查询影响效率；
.on绑定的是$(selector)，可*改变嵌套层级问题，效率高；
列举两种on可以绑定多个事件的方法;
情景设置（导航栏鼠标指上与指出事件）
HTML片段：
<nav class="nav">
<ul>
<li>HOME</li>
<li>PRODUCT</li>
<li>ABOUT US</li>
</ul>
</nav>
文本样式：
.current{
background-color:#29a82d;
color:#fff;
}
方法一：
$("nav").on("mouseover,mouseout","ul li",function(e){
if(e.type == "mouseover"){
$(this).addClass("current");
}else{
$(this).removeClass("current");
}
});
方法二：
$("ul li").on({
mouseover:function(){
$(this).addClass("current");
},mouseout:function(){
$(this).removeClass("current");
}
})