event.stopPropagation()
事件功能作用:阻止事件冒泡到父元素,阻止任何父事件处理程序被执行。
当内部容器事件和父容器事件重叠,此功能相当实用。
如图,当div元素内的i元素靠近div元素时,此时的标签的点击事件可能和div的点击事件同时发生,造成功能混乱。利用stopPropagation()方法,可阻止点击i元素时的事件冒泡到父元素。
event.delegate()
语法:$(selector).delegate(childSelector,event,data,function)
事件功能作用:为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
作用范围:当前元素和未来元素( jQuery 版本 1.7 起,on() 方法是向被选元素添加事件处理程序的首选方法)。