jquery为什么提倡使用.on绑定，.off移除组合代替.live和.die组合呢？

.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");

　　}

})