jquery动态增加onclick事件对于未加载元素有效
标签上直接添加onclick事件:
<div class="btn watch-btn" onclick="handle()">查看www.sfk8.com个人主页</div>
...ery动态增加onclick事件对于未加载元素有效
标签上直接添加onclick事件:
<div class="btn watch-btn" onclick="handle()">查看www.sfk8.com个人主页</div>
jq绑定onclick事件
<div class="btn watch-btn">查看www.sfk8.com个人主页</div>
<script>
$(document).on('click', '.watch-btn', function(){
handle();
});
</script>
帝国cms仿站认为二种方法各有优点:
第二种方式 更加好、代码显得优雅、效率、维护性更好。。。 本质利用了事件捕获、事件冒泡
只在document 元素上 绑定了 click 方法, 利用 事件捕获、事件冒泡,传递事件给 子元素, 有 .watch-btn 就响应。
事实上,也是 document 元素 接收 点击事件,向下传递给子元素的,这个写法很好。。。
现在 bootstrAP 里面大量运用这种写法
第一种是显示的进行绑定方法,从用户角度,可以直接就能看到你绑定的方法,然后寻到对应的方法,进行方法更改,然后触发,存在危险性。
第二种方法较第一种,可以实现绑定操作,html里标签可观性加大。而且书写的方法自由度加大。
认真学习知识点,提高自我
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jQuery