事件委托

    事件委托的原理:里用冒泡原理,把事件加到元素的父级上,触发执行效果。

    事件委托的优点: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同样有移入移出效果
这就是事件委托的好处。

    

      

 

 

    

posted @ 2016-08-04 15:51  小草露露  阅读(185)  评论(0编辑  收藏  举报