事件委托

Posted 2020-08-02

一、为什么采用事件委托

当页面过多的元素采用同一事件方法时，为提高页面性能，降低代码量使用事件委托

二、原理：

　　利用冒泡的原理，把事件加到父级上，触发执行效果。

三、函数分解

  委托给父元素，指定执行事件类型，执行子元素事件

$(function(){ 
    $(‘父元素‘).delegate(‘子元素‘,‘click‘,function(){ 
　　　　使用选择器选择符合条件的子元素
       执行函数
        $(this).css(‘background‘,‘red‘); 
        $(this).attr(‘id‘,‘#div1‘); 
       
    }) 
});
可以动态的为尚不存在的元素添加事件，与之相类似的还有on，bind方法。（jq）