jQuery事件委托
绑定事件监听的问题:新加的元素没有监听
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)
//设置事件委托 $('ul').delegate('li','click',function () { console.log(this)//}) //移除事件委托 $('ul').undelegate('click')