简单做了个例子,html代码如下:<button class="btn" id="mybtn">click1</button><button class="btn">click2</button><b
简单做了个例子,html代码如下:
<button class="btn" id="mybtn">click1</button><button class="btn">click2</button><button class="btn">click3</button><button class="btn">click4</button><button class="btn">click5</button>
**情况一:**如果是给id是mybtn的button绑定事件,选择使用
$("#mybtn").on("click",function(event){ alert("1234");});
当希望绑定事件的元素只有一个的时候,使用直接绑定到元素的方式,比委托到document上面绑定效果快一点。
**情况二:**如果想给一堆拥有同个类的元素绑定事件,如这个例子中class名为btn的多个元素绑定事件,推荐使用
$(document).on("click",".btn",function(event){ alert("1234");});
这样就可以一次绑定多个class名为btn的元素,效率比一个一个绑定要快!
总结,绑定事件的时候,要判断是以上哪种情况再去选择绑定方式。