jquery动态增加onclick事件对于未加载元素有效

<div class="btn watch-btn" onclick="handle()">查看www.sfk8.com个人主页</div>

<div class="btn watch-btn">查看www.sfk8.com个人主页</div>

 <script>
$(document).on(&#39;click&#39;, '.watch-btn', function(){
        handle();  
});
</script>

第二种方式 更加好、代码显得优雅、效率、维护性更好。。。 本质利用了事件捕获、事件冒泡

只在document 元素上 绑定了 click 方法， 利用 事件捕获、事件冒泡，传递事件给 子元素， 有 .watch-btn 就响应。
事实上，也是 document 元素 接收 点击事件，向下传递给子元素的，这个写法很好。。。
现在 bootstrAP 里面大量运用这种写法

第一种是显示的进行绑定方法，从用户角度，可以直接就能看到你绑定的方法，然后寻到对应的方法，进行方法更改，然后触发，存在危险性。
第二种方法较第一种，可以实现绑定操作，html里标签可观性加大。而且书写的方法自由度加大。

认真学习知识点，提高自我