事件委托的原理:里用冒泡原理,把事件加到元素的父级上,触发执行效果。
事件委托的优点:1.提高程序执行性能,不需要循环结构。
2.新添加的元素同样也会有事件。
事件委托的使用情形:1.为DOM中很多元素绑定相同的事件。
2.为DOM中新添加的元素添加事件。
事件委托的例子:
$(function () {
$(document).on("click",function () {
$("ul").append("<li></li>")
});
$("ul").on("mouseover","li",function () {
$(this).css("backgroundColor","red").siblings().css("backgroundColor","")
});
})
生成的li同样有移入移出效果
这就是事件委托的好处。