事件委托

    <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‘);
    
});