jquery on方法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wangjun5159/article/details/79289887

简介

jquery on从jquery1.7开始代替 bind/delegate/live,on用来给current element和further element添加event handler,翻译过来就是,可以用在现在的元素或者现在不存在,但是将来会创建的元素添加事件处理器。

实现原理

用在未来创建的元素上绑定事件,它是怎么实现的呢?
基本原理是绑定父元素(确保父元素存在),子元素当前不存在,利用冒泡机制,当点击子元素时,子元素身上没有绑定事件,但是父元素会受到事件通知,再进行匹配,从而执行事件

<div class="nav">
    <div class="item">
      已有的元素
    </div>
</div>

$(".nave").on("click",".item",function(event){

});

参考

猜你喜欢

转载自blog.csdn.net/wangjun5159/article/details/79289887