十七、delegate和on

/*
 * 由于live事件写法很怪，所以在1.4之后提供了delegate来完成事件委派
 * $("#content")表示的是作用域，第一个参数表示的是绑定对象
 * 此时live就不再被使用了，在未来的版本live会被取消
 * 目前如果要做事件委派可以有多种方法，使得事件的调用选择很多，JQuery在1.8之后
 * 就统一使用on和off来替代bind,live和delegate
 */
$("#content").delegate(".ccc","click",function(event){
    alert($(this).html());
});
$("#content").append("<div class='ccc'>bbbbb</div>");
$("#abc").append("<div class='ccc'>bbbbb</div>");

 

 

//此时on的第二个参数没有设定，就认为是对.ccc绑定
//这显然就是模拟了bind
//$(".ccc").on("click",runc);
//当第二参数有值的时候，调用的对象就作为委派根对象
$("#content").on("click",".ccc",runc);

$("#content").append("<div class='ccc'>dddddd</div>");
$("#abc").append("<div class='ccc'>dddddd</div>")