JS----动态添加元素绑定事件

1. 一般写法

$(".ul-box").on("click",".ul-list li a",function(){
$(this).css("color","red");
});

2. 两个事件的写法

$(".ul-box").on("mouseover mouseout",".ul-list li a",function(event){
if(event.type == "mouseover"){
$(this).css("color","red");
} else if(event.type == "mouseout"){
$(this).css("color","#333");
}
});

3. 委托 delegate， 注意：参数与一般写法刚好反过来了

$(".ul-box").delegate(".ul-list li a","click",function(){
$(this).css("color","red");
});