DOM事件委托

        把事情委托给别人，代为处理。

        事件委托也称为事件代理，在 jQuery 里面称为事件委派。

    <ul>
        <li>孙悟空</li>
        <li>牛爱花</li>
        <li>谢老板</li>
    </ul>

    <script>
        let ul = document.querySelector('ul')

        ul.addEventListener('click',function(e){
            e.target.style.backgroundColor = 'red'
        })
         

        
    </script>

 事件委托的原理

        给父元素注册事件，利用事件冒泡，当子元素的事件触发，会冒泡到父元素，然后去控制相应的子元素。

事件委托的作用

• 我们只操作了一次 DOM ，提高了程序的性能。

• 动态新创建的子元素，也拥有事件。