标签:操作 提高 写法 col 次数 func span cli fun
事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。
一般绑定事件的写法
$(function(){ $ali = $(‘#list li‘); $ali.click(function(event) { $(this).css({background:‘red‘}); }); }) ... <ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul>
事件委托的写法
$(function(){ $list = $(‘#list‘); $list.delegate(‘li‘, ‘click‘, function(event) { $(this).css({background:‘red‘}); }); }) ... <ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul>
取消事件委托
// ev.delegateTarge 委托对象 $(ev.delegateTarge).undelegate(); // 上面的例子可使用 $list.undelegate();
标签:操作 提高 写法 col 次数 func span cli fun
原文地址:https://www.cnblogs.com/fwl8888/p/9315589.html