js向页面新加入的html事件绑定

js向页面append或者直接给$（'div'）.innerhtml="页面内容"；的时候页面内容里面的单机事件无法绑定怎么办呢

1：jquery1.4之前的直接用live方法，个人觉得不靠谱

$(".aaaaa").live('click',function(){
    
});

2：直接在赋值的下面接着写事件，能够执行，效果可以达到，但是代码不够小清晰，维护时候有点困难

3：个人推荐方法，一个固定例如页面首次进来有一个aaaaa的class

在aaaaa这个里面append("<a herf='javascript:' class='bb' data-aid='1'>I</a><a herf='javascript:' class='bb' data-aid='1'>love</a><a herf='javascript:' class='bb' data-aid='1'>you</a>");

随便单机一个单词就可以获取到

$(".aaaaa").on('click',".bb",function(){、
        console.log($(this).attr('data-aid'));
 });