(2018-05-07.Python从Zero到One)八、(前端)jQuery__1.8.15事件委托

上一篇文章为:→1.8.14事件冒泡

事件委托

事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。

一般绑定事件的写法

$(function(){
    $ali = $('#list li');
    $ali.click(function(event) {
        $(this).css({background:'red'});
    });
})
...
  • 1
  • 2
  • 3
  • 4
  • 5

事件委托的写法

$(function(){
    $list = $('#list');
    $list.delegate('li', 'click', function(event) {
        $(this).css({background:'red'});
    });
})
...
  • 1
  • 2
  • 3
  • 4
  • 5

取消事件委托

// ev.delegateTarge 委托对象
$(ev.delegateTarge).undelegate();

// 上面的例子可使用 $list.undelegate();

下一篇文章为:→1.8.16 jquery元素节点操作

你可能感兴趣的:((2018-05-07.Python从Zero到One)八、(前端)jQuery__1.8.15事件委托)