事件委托

最新推荐文章于 2025-04-01 00:00:58 发布

weixin_30339969

最新推荐文章于 2025-04-01 00:00:58 发布

阅读量42

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/by-dxm/p/6390828.html

当很多元素绑定相同事件或动态生成DOM时推荐使用事件委托

    <div id="box" style="width: 200px;height: 200px; background: green;">
        <input class="button" type="button" value="按钮" />
    </div>

$(function(){
    //普通事件绑定
    //每个按钮绑定了一个事件
    $('.button').bind('click',function(){
        alert('事件委托');
    });
    
    //事件委托
    $('#box').delegate('.button','click',function(){
        $(this).clone().appendTo('#box');
    });
    //停止事件委托
    $('#box').undelegate('.button','click');
    
});