jQuery事件小知识-stopPropagation

event.stopPropagation()

事件功能作用：阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。

当内部容器事件和父容器事件重叠，此功能相当实用。

如图，当div元素内的i元素靠近div元素时，此时的标签的点击事件可能和div的点击事件同时发生，造成功能混乱。利用stopPropagation()方法，可阻止点击i元素时的事件冒泡到父元素。

event.delegate()

语法：$(selector).delegate(childSelector,event,data,function)

事件功能作用：为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

作用范围：当前元素和未来元素（ jQuery 版本 1.7 起，on() 方法是向被选元素添加事件处理程序的首选方法）。