【前端学习笔记day86】10.14. jquery事件委托

文章目录

• 10.14. jquery事件委托

10.14. jquery事件委托

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

一般绑定事件的写法

$(function(){
$ali = $(’#list li’);
$ali.click(function() {
$(this).css({background:‘red’});
});
})
…

• 1
• 2
• 3
• 4
• 5

事件委托的写法

$(function(){
$list = $(’#list’);
$list.delegate(‘li’, ‘click’, function() {
$(this).css({background:‘red’});
});
})
…

• 1
• 2
• 3
• 4
• 5