首页 > Web开发 > 详细

Jquery事件委托

时间:2018-07-15 23:46:43      阅读:303      评论:0      收藏:0      [点我收藏+]

事件委托

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

一般绑定事件的写法

$(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();

 

Jquery事件委托

原文:https://www.cnblogs.com/fwl8888/p/9315589.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!