1. 事件委托:
将多个子元素(li)的事件监听委托给父辈元素(ul)处理
监听回调是加在了父辈元素上
当操作任何一个子元素(li)时, 事件会冒泡到父辈元素(ul)
父辈元素不会直接处理事件, 而是根据event.target得到发生事件的子元素(li), 通过这个子元素调用事件回调函数
2. 事件委托的2方:
委托方: 业主 li
被委托方: 中介 ul
3. 使用事件委托的好处:
添加新的子元素, 自动有事件响应处理
减少事件监听的数量: n==>1
4. jQuery的事件委托API:
设置事件委托: $(parentSelector).delegate(childrenSelector, eventName, callback)
移除事件委托: $(parentSelector).undelegate(eventName)