当前位置:Gxl网 > 前端开发 > jquery事件绑定与事件委托

jquery事件绑定与事件委托

时间:2021-07-01 10:21:17 帮助过:7人阅读

 //事件绑定简写形式
    $(".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 () {

    });