jquery click事件注册释疑

通过点击不同的li 切换不同的数据展示格式：

根据li 的class 类不同，控制高亮显示

                  <div class="data-select-on">5分钟</div>
                    <div class="data-select">10分钟</div>
                    <div class="data-select" >15分钟</div>
                    <div class="data-select" >30分钟</div>
                    <div class="data-select" >1小时</div>

默认 五分钟时高亮显示 

方法一、

$(".data-select").click(function(){
$(".data-select-on").addClass("data-select");
$(".data-select-on").removeClass("data-select-on");
$(this).addClass("data-select-on");
});

方法二、
$(document).on('click','.data-select',(function(){
$(".data-select-on").addClass("data-select");
$(".data-select-on").removeClass("data-select-on");
$(this).addClass("data-select-on");
}));

实际执行效果 方法一 有bug，因为刚开始的时候 只注册了 data-select 的的事件（10-1小时的click事件），5分钟的div 并没有注册 click事件。

方法二是对document的注册，可以动态的注册。