代码改变世界

jquery事件绑定之委托;

2018-01-30 11:26  logic8888  阅读(250)  评论(0)    收藏  举报

闲话不多说举个栗子:

  <div id="loins"></div>

  <script type="">

    var html = '';

    var data = [1,2,3,4,5,6,7,] 

    for(var each in data){

      html += '<li id='+each+'>'+each+'</li>' //按照我们正常的思想在这加onclick事件,如果这里面要加的事件比较多,数据比较长这就是个体力活了

    }

    $("#loins").append(html)

    //首先委托,顾名思义就是招代理人,这里也就是代理的标签对象,要注意的是,我们找的对象一定不要是js添加的

    //在这里我们符合要求的就是 

    var loins = $("#loins");

    //下面就是我们需要绑定事件的demo了

    var $list = loins.find('li') //这里可以根据所有类型来绑定不同的事件 比如class=1的个事件啊之类的

    for(var i = 0;i<$list.length;i++){  //这里需要注意的是,标签集合尽量不要用forEach ,forEach对这类型的集合兼容性不太好,容易出现越界的情况

      $($list[i]).click(funtion(){

      })

    }

  </script>

如有问题,请多多指教QQ群:550303413