事件委托

2018-06-28  本文已影响11人  一只小青蛙

我们的原生写法:

$(function(){

    $('.list li').click(function() {

         alert($(this).html());

   });     性能不高

事件委托:方法delegate,只绑定一次事件,冒泡触发

 参数

         1、selector选择器:写入ul下面的所有要发生事件的元素,多个元素用空格隔开,例如‘li a span’

         2、eventType事件

         3、function要执行的操作

代码:

  $('.list').delegate('li', 'click', function() {

            //$(this)指发生事件的子集,即每个li

            alert($(this).html());

            //取消委托

            $('.list').undelegate();

        });

    })

上一篇 下一篇

猜你喜欢

热点阅读