码迷,mamicode.com
首页 > Web开发 > 详细

jquery事件绑定与事件委托

时间:2018-06-15 16:14:21      阅读:471      评论:0      收藏:0      [点我收藏+]

标签:div2   代码   javascrip   java   pen   script   top   jquer   jquery   

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

标签:div2   代码   javascrip   java   pen   script   top   jquer   jquery   

原文地址:https://www.cnblogs.com/wangyue0925/p/9186633.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!