事件委托
事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,
这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。
原理:利用冒泡的原理,把事件加到父级上,触发执行效果。
好处:减少事件注册,提高性能。
方法
定义和用法:delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件
发生时运行的函数。
语法:$(selector).delegate(childSelector,event,data,function)
例:当点击div元素内部的p元素时,改变所有p元素的背景颜色。
$("div").delegate("p","click",function(){
$("p").css("background-color","pink");
});
注意:最新on方法取替了delegate方法
例:当点击div元素内部的p元素时,改变所有p元素的背景颜色。
$("div").on("click","p",function(){
$("p").css("background-color","pink");
});