1. 程式人生 > >jquery事件綁定與事件委托

jquery事件綁定與事件委托

rip UNC ons read 參數 TE AR cti AS

 //事件綁定簡寫形式
    $(".div2 button").click(function () {
         $(".div1").scrollTop(0)
    })

    //寫全了方式
    $(‘.div2 button‘).bind(‘click‘, function () {

    })

    //解除綁定
     $(‘.div2 button‘).unbind(‘click‘, function () {

    })

 //事件委托  註意三個參數的順序,第一個是綁定事件,第二個是標簽,第三個是方法
    /*
    $(‘ul‘).on(‘click‘,‘li‘, function () {
        alert(999)
    });
    $(‘button‘).click(function () {
        var $ele=$(‘<li></li>‘);
       var len=$(‘ul li‘).length;
        console.log(333)
        $ele.html((len+1)+111);
        $(‘ul‘).append($ele);
    })

//頁面載入 第一種方法
    $(document).ready(function () {//等整個document執行完成之後,在執行這些代碼
        $(‘ul li‘).html(5);
    });
    //頁面載入 第二種方法
    $(function () {

    });

jquery事件綁定與事件委托